@font-face { font-family: 'Oklahoma'; src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: bold; font-style: normal; } @import url('https://fonts.googleapis.com/css?family=Open+Sans'); :root { --page_color: #F9F6E6; --paragraph: #383838; --x_pagelink: #1361d5; --xx_pagelink: #022c6a; --pagelink: #2359a8; --heading: #0d489e; --headmenu: #0f51b3; --headmenu_sep: #d3f5ff; --headmenu_select: #28487F; --headmenu_link: #ffffff; --headmenu_hover: #dca82a; --gold_line: #f8c74f; --footer: #070749; /* hack for FFox color editing */ text-emphasis-color: #4a4ad1; text-emphasis-color: currentColor; } /* START MAINFLUID.CSS */ fieldset { border:0; } /* ---------- GENERAL TEXT ----------- */ html { font-size: 100%; /*IE reminder*/} body { font-family: Arial, Helvetica, Sans-serif; color: #555555; padding: 0px; margin: 0px; box-sizing: border-box; } div, h1, h2, h3, h4, h5, .h1_logo .h2_subhead { box-sizing: border-box; } table { font-size: 100%; /*IE reminder*/ } p { margin:0px; padding: 0px; position:relative; } ul { margin:0px; padding: 0px; box-sizing: border-box; } li { list-style: none; box-sizing: border-box; } .mainarea div { position:relative; } .leadtext { clear: both; } .leadtext p { } .bread, .listpages, .siteviews, .searchlink, .NStatus { font-size: 9pt; } .listpages { clear:both; } td { } .h1_logo { font-size: 1.833em; margin-top: 0.5em; margin-bottom:1.0em; } h1 { } h2 { } h3 { } h4 { font-size: 1em; } h5 { font-size: 1em; } hr { clear: both; color: #EEEEFF; height: 1px; } select {} input { } textarea { } a { color: #777777; text-decoration: none; } a:hover { } .mainarea ul { margin-top: 0px; } /* SD HTML5 BITS */ .mainarea INPUT[type='text'],.mainarea INPUT[type='password'], .mainarea TEXTAREA { border: 1px solid #bbb; border-radius: 0.3em; background: #fff; margin-bottom: 0.5em; padding: 0.5em 1em; max-width: 100%; color: #0d489e; } .mainarea TEXTAREA { width:90%; padding-left:1em; } INPUT:hover, .mainarea INPUT[type='text']:hover,.mainarea INPUT[type='password']:hover, .mainarea TEXTAREA:hover { box-shadow: -0px 0px 6px #8888ff; } #qformdiv .mainarea { width:100%; min-height:auto; } #closebutton { z-index:99; } /********************************************/ /*************** PAGE ELEMENTS **************/ /********************************************/ .pagearea { /*background: #ffffff;*/ clear:both; background: transparent; } .displayarea { background: #fff; } .headingarea { overflow: hidden; } /* Note that to have these elements on the same line you need float: commands - NOT display: inline Also be very careful about width: 100% - it doesn't work in tables as you'd expect */ .headerleft { float: left; } .headermain { float: left; width: 100%; height: 103px; overflow: hidden; /*background: url(mainbanner2.jpg);*/ } .headerright { float: left; } .leftcolumn { padding:0 /*affects column image alignment*/ } .lefttop { } .leftmain { } .leftbase { } .toplinkarea { text-align: right; } .toplinkline { } .topbuttonholder { display: inline;} /* function tabs at the top of the page - dependent on how org preferences have been chosen */ .toptab { } .toptab:hover { } .toptab:active { } .rightcolumn li { font-size: small; margin-bottom:0.5em; } .leftcolumn li { font-size: small; margin-bottom:0.5em; } .headingarea .nt li { font-size: small; } .mainarea { } /*.mainarea p { overflow: hidden; }*/ /*stops content pushing out (IE does auto)*/ .text { } .text H4 { } .body_wwg { background: #FFF; } /*for wysiwyg*/ .xeditbar li { margin: 0px; font-size: 0.7em; margin-right: .3em; } .mainarea p { margin-bottom: 1em; } .mainarea h4 { font-size: small; margin: 0px; } /* Breadcrumb */ .mainarea form { padding-top: 0.3em; overflow:auto; padding-bottom:1em; grid-column:1 / 3; } .mainarea .formline { margin-bottom: 0.5em; margin-left: 2em; font-size: 90%; max-width:95%; padding-bottom:0.5em; padding-top:3px; overflow:auto; line-height:1.35; } .nt li, .nt p, .nt input { xfont-size: small; xmargin-bottom:1em; } .nt input { margin-right: 0.3em; } .toplinkarea li { display: inline; margin-right: 0.3em; font-size: small; } .botlinkarea li { display: inline; margin-right: 0.3em; font-size: small; } #showproduct_style .formline { padding-bottom:0; font-size:1em; } /* form elements */ .mainform { clear: both; } /*BUG - IE won't recognise margin-bottom so padding-bottom is added via conditional*/ .formleft { clear: both; float: left; width: 32%; padding-right:0.5em } .formleftta { clear: both; float: left; width: 94%; } .formright { float: left; width: 62%; } .formright p { } #showproduct_style .formright p { } #addmod_product_style .formright p { } #addmod_product_style .formright .formright p { } .formtextarea { padding-left: 4px; padding-top:0.5em; } /*BUG - due to clearing problems there is a height:1% conditional for IE*/ .formline { clear: both; } .formsubmit { clear: both; margin-bottom:1.5em; margin-left:5%; } .mainform li { list-style: initial; margin-left:3em; padding-bottom: 1em; } .mainform ul { margin-bottom: 1em; } .rightcolumn { } .righttop { } .rightmain { } .rightbase { } .footer { } /* Note that to have these elements on the same line you need float: commands - NOT display: inline Also be very careful about width: 100% - it doesn't work in tables as you'd expect */ .footerleft { float: left; } .footermain { float: left; text-align: center; font-size: small; } .footerright { float: left; } .botlinkarea { text-align: center; font-size:small; } .botlinkline { } .botbuttonholder { display: inline; } .xeditbar li { display: inline; } .xeditbar ul { text-align: left; } .xeditbar { text-align: left; } /* BUTTONS */ /*padding/width used differently for tabs and buttons*/ .butop { } .butlh { } .butrh { } .button { font-weight: bold; text-decoration: none; } /* a around images and link */ .button:hover { text-decoration: none; } .button:active { text-decoration: none; } .buttonMark { font-weight: bold; text-decoration: none; color: #DDD; } /*a wrapping current*/ .buttonMark:hover { text-decoration: none; } .buttonMark:active { text-decoration: none; } /* NEW May06 - Page Specific Div Selectors */ #showbasket_style { background: URL('/icons/showbasket.gif') left top no-repeat; } #showbasket_style H1 { padding-left: 1.5em; } #site_settings_style H1 { padding-left: 1.5em; } /* NEW Jan07 - H1 title icons */ .title_icon { vertical-align: top; } .toolitem { float: left; text-align: center; width: 90px; font-size:0.7em; padding-bottom:1em; } .text .toolitem { float: left; text-align: center; width: 90px; } .toolitem A:hover { text-decoration: none; } /* List elements */ .listform { text-align: left; } /* form */ /*.listtable { padding-left: 4px; padding-top: 2px; margin-bottom: 10px; clear: both; } GONE !!!!*/ .listtitle { color: #aeaeba; font-weight: bold; } /* H1 */ /*H1 margin background bug in I.E.*/ /* for two toning lists (if used) */ .listbg1 { background: transparent; margin-bottom: 2em;} .listbg2 { background: transparent; margin-bottom: 2em;} /* First list element (treated as a title or heading) */ .listform H5 { } .listwrapperLR H5 { margin-top: 0px; margin-right:6px; font-size:1em; } .listwrapperTB H5 { } /* links within lists if first element (ie acts as heading too) */ .lista1 { } /* a inside H5 */ .lista1:hover { color: #AAAABB; text-decoration: underline; } /* links within lists */ .lista { /*font-size: 11px;*/ color: #555555; } /*a*/ .lista:hover { color: #AAAABB; text-decoration: underline; } p .listitem { } /* trying to get accidental listitems in p */ .listitem { } /* p or div */ .listitem p { } .listitemL { } /* when new row is created, usually for summary */ .listitemL p { } .listLogo img { border: none; min-width: 55px; margin-right: 0.5em; } .listpages { } /* div *//*when multiple. used in menus too*/ /* LEFT TO RIGHT DIV WRAPPER, USED ON LIST_ORGS, LIST_COMMS, LIST_PERSONS ... also news display */ /* .listbg is on TR - padding will not apply */ .listwrapperLR { clear: both; text-align: left; } .listwrapperLR td { } #list_orgs_style .listwrapperLR td { } #list_orgs_style .listwrapperLR .listbg1 { } #list_orgs_style .listwrapperLR .listbg2 { } #list_orgs_style .listwrapperLR .listitemL { } #show_mylist_style .listwrapperLR td { } #list_comms_style .listbg1 { background-color: #eee; } /*adjustment for news rowspan=2*/ .listwrapperLR .listC1 { width: 1%; padding-right: 0.8em /*background: #999999;*/ } /*1st TD*/ .listwrapperLR .listC1 .listLogo { } /*1st TD*/ .listwrapperLR TD .listitem p { } .listwrapperLR TD .listitemL { } /* can be P or DIV when new row is created, usually for summary */ .listwrapperLR TD .listitemL p { } .listwrapperLR .row1 td { padding-top:2em;} .listwrapperLR TD { min-width:6em; } #list_persons_style .listwrapperLR TD { min-width:auto; padding-right:3px; } #list_images_style .listwrapperLR TD { min-width:auto; padding-right:3px; } #list_products_style .listwrapperLR TD { min-width:auto; padding-right:3px; } .listwrapperLR .listC1 { min-width:0; } .listwrapperLR .rightpic { border: none; } .listwrapperLR .leftpic { border: none; } /* can contain .rightpic - any borders need to be removed where they are set - change class of image? */ /* if contain .leftpic it has been placed in summary */ /* TOP TO BOTTOM DIV WRAPPER, USED ON LIST_KBHEADERS */ /* .listbg is on DIV inside TD - padding will apply */ .listwrapperTB { clear: both; text-align: left; } .listwrapperTB .listbg1 { xbackground-color: #F3F3F3; xborder: 1px solid #DDD; padding:0.5em; } .listwrapperTB .listbg2 { xbackground-color: #F3F3F3; xborder: 1px solid #DDD; padding:0.5em; } .listwrapperTB TD { } .listwrapperTB H5 { } .listwrapperTB .listLogo { } /* a */ .listwrapperTB .listLogo img { } /* a */ .listwrapperTB .listitem { } /* p or div */ .listwrapperTB .listitemL { } /* p or div */ .listwrapperTB .listitemL p { } /* p or div */ /*Specific topic article display types*/ .kbfull .listwrapperTB .listbg1 { background-color: transparent; } .kbfull .listwrapperTB .listbg2 { background-color: transparent; margin-bottom: 1em; } .kbfull .listwrapperTB H5 { margin-top: 0px; margin-bottom: 1em; } /*changing H5 margin to match smaller text*/ .kbfull .listwrapperTB .listitem p { margin-top: 0px; margin-bottom: 1em; } /*restoring p margin*/ .kbfull .listpages { clear: both; } .kbblog .listwrapperTB H5 { clear:both; margin-top: 1em; margin-bottom: 1em; } /*changing H5 margin to match smaller text*/ .kbblog .listwrapperTB .listitem p { margin-top: 0px; margin-bottom: 1em; } /*restoring p margin*/ .kbblog .listbg1 { margin-bottom: 4em; } .kbblog .listbg2 { margin-bottom: 4em; } .kbforum {} .kbgallery .listwrapperTB .listbg1 { padding: 10px; width: 100%; } .kbgallery .listwrapperTB .listbg2 { padding: 10px; width: 100%; } .kbgallery .listwrapperTB { margin-top: 0px; } .kbads {} /* FORUM */ .forumXwrapperLR { }/*DIV*/ .forumXbg1 { background: #FFF; }/* TR */ .forumXbg1 TD { } .forumXbg2 { background: #EFEFEF; }/* TR */ .forumXbg1 TD { } .forumXC1 { width: 65px; }/*TD*/ .forumXLogo { border: 1px solid #EFEFEF; }/*a around avitar*/ .forumXwrapperLR H5 { } .forumXa1 { }/*a inside H5*/ .forumXa { }/*a around quote icon?*/ .forumXitem { }/*DIV*/ .forumXbg1 .forumXitem { }/*p*/ .forumXbg2 .forumXitem { }/*p*/ .forumXitemL { background: transparent; }/*DIV*/ .forumXitemL p { } /* WORKED!!! */ /* FORUM WITH THREADS */ .forumXa1 img{ float: left; height: 26px; }/*img inside a inside H5*/ /********************************************/ /************ NOTANANT COMPONENTS ***********/ /********************************************/ /* THIS METHOD DOESN'T WORK IN ff *//* .infotable ul, .infomenu ul, .orgmenu ul, .updXmenu ul, .newsXmenu ul, { margin: 0px; padding: 0px; } .infotable li, .infomenu li, .orgmenu li, .updXmenu li, .newsXmenu li, { list-style: none; } */ .infotable ul { } .infowrapper ul { } .infomenu ul { } .orgmenu ul { } .updXmenu ul { } .newsXmenu ul { } .Notanantbox ul {} .basketXmenu ul { } .infotable li { list-style: none; } .infomenu li { list-style: none; } .orgmenu li { list-style: none; padding:0.5em; } .updXmenu li { list-style: none; } .newsXmenu li { list-style: none; } .Notanantbox li { list-style: none; } .basketXmenu li { list-style: none; } .headingarea .infomenu ul { display:flex; } .infomenu { } .infomenu { clear: both; float: left; width: 100%; background: transparent; text-align: left; margin-bottom:1em; } .infotop { width: 100%; text-align: center; border: 0px; margin-bottom:0.5em; padding:0.5em; } /*H4*/ .infotop a { text-decoration: none; } .infotable { } /*div*/ .infowrapper { } /*div*/ .infofirst, .infoMARKfirst { width: 100%; /*height: 18px;*/ padding: 0.5em; background: #EEEEFF; border:0; } .infoMARKfirst { font-weight: bold; } .infoMARKa { font-weight: normal; } .infoitem { } .infoa { color: #555555; font-weight: normal; } .infoa:hover { } .infoa1 { color: #555555; font-weight: normal; } .infoa1:hover { } .infobase { } .infomenu .listpages { } .headingarea .infotop { display: none; } .headingarea .infobase{ display: none; } /* These styles are needed to over-ride the inherited text settings used for title input etc. N.B. do the title styles need to be there? */ .headingarea .infomenu { line-height: normal; } .headingarea .infowrapper { } /*.toplinkarea .infomenu { font-size: 0.8333em; }*/ .headingarea a, .headingarea a:hover { text-decoration: none; } .mainarea .infomenu .infotop { display: none; } .orgmenu { } .orgmenu { clear: both; width: 100%; background: transparent; text-align: left; } /*org top is purely ornamental*/ .orgtop { /*width: 114px; margin: 0px; text-align: center; padding: 2px; border: solid 1px #DDDDDD;*/ display: none; } .orgitem { float: left; width: 100%; /*height: 18px;*/ background: #EEEEFF; border: 0px } .orglink { color: #555555; font-weight: normal; } .orglink:hover { } .orgbase {} .orgmenu .listpages { } .headingarea .orgtop { display: none; } .headingarea .orgbase { display: none; } /* These styles are needed to over-ride the inherited text settings used for title input etc. N.B. do the title styles need to be there? */ .headingarea .orgmenu { line-height: normal; } .headingarea .orgitem { } /*.toplinkarea .orgmenu { font-size: 0.8333em; }*/ /* Calendar elements m=month text style, x=today text style, a=linked */ .calendar { } .calendar { clear: both; } .caltable { width: 100%; padding:0.3em; border-spacing:0 0.3em; } .caltop { display: none; } /*not currently used - H4 is labelled .calitem - should switch to .caltop*/ /*BUG in IE7 .caltop empty div gets space around it, any border on main calendar then has a gap */ .calbase { margin-bottom:1em; } .calitem { margin: 0px; text-align: center; margin-bottom:0.7em; } /*H4*/ .callink { font-weight: bold; } /*a inside */ .callink:hover {} .cal { font-size: 0.8em; color: #666666; text-align: center; margin-bottom:1px; margin-top:1px; } .calm { font-size: 0.8em; color: #000000; font-weight: normal; text-align: center; margin-bottom:1px; margin-top:1px;} /*bold can make calendar more than 120px wide*/ .calx { font-size: 0.8em; color: #774400; font-weight: bold; text-align: center; } .cala { font-size: 0.8em; color: #000080; background: #ffddaa; border-top: solid 1px #cc9900; border-bottom: solid 1px #cc9900; text-align: center; display: block; width:100%; } /*NEW SD: Marks the start and end of long events. Please leave*/ .cal2 { background: #eebb77; } .caly { border-left: solid 1px #cc9900; } .calz { border-right: solid 1px #cc9900; } .cala:hover { color: #ffffff; } #list_events_style .cal { font-size: 100%; } #list_events_style .calm { font-size: 100%; } #list_events_style .calx { font-size: 100%; } #list_events_style .cala { font-size: 100%; } #list_events_style .calendar { background: #FFFFFF; width: 100%; } #list_events_style .caltable { background: #FFFFFF; width: 100%; } #personpage_style .cal { font-size: 0.8em; } #personpage_style .calm { font-size: 0.8em; } #personpage_style .calx { font-size: 0.8em; } #personpage_style .cala { font-size: 0.8em; } /* Notanant network menu list */ /*This version auto expands to horizontal */ .Notanantfull { } .Notanantfull { clear: both; width: 100%; margin-bottom:1em; font-size:small; } .Notanantsmall { float: right; } .NStatus { } .Notananttop { width: 100%; height: 28px; } /* be carefull in FF when changing background on hover */ .Notananttop a:hover { width: 100%; height: 28px; } .Notanantbox { width: 100%; background: transparent; /*border: 0px; padding: 0px; margin: 0px;*/ } .Nitem { width: 100%; padding:0.5em; text-align: left; border: 0px } .Notanantbox form p { float: left; color: #555566; text-align: left; display: inline; } .Notanantbox form { clear: both; } .Nformbox { text-align:right; } .Nlink { color: #555566; font-weight: normal; /*padding: 0px; margin: 0px;*/ } .Nlink:hover { color: #FFF; text-decoration: underline; background: none; } /*for notanantlogin*/ .Notanantbox { } .Notanantfull .Notanantbox { } .Notanantfull input { max-width: 60%; font-size:small; } .headingarea .Notananttop { width: 100%; height: 10px; } .headingarea .Notananttop a:hover { width: 100%; height: 10px; } /* These styles are needed to over-ride the inherited text settings used for title input etc. N.B. do the title styles need to be there? */ .headingarea .Notanantbox { line-height: normal; } /* notanantlogin */ .headingarea .Notanantfull .Notanantbox { line-height: normal; } /* notanantfull */ .headingarea .Ntext { } .N_profile { } .N_messages { } .N_messages_new { } .N_messages_new .Nlink { } .N_membership { } .N_links { } .N_join { } .N_logoff { } /*NEW May06*/ .basketXmenu { } .basketXmenu { clear: both; width: 100%; /*bottom margin is on base*/ text-align: center; } .basketXtop { height: 12px; background: #DDDDEE; font-weight: bold; } .basketXtable { width: 100%; background: #FFFFFF; text-align: left; } .basketXwrapper { width: 100%; background: #FFFFFF; text-align: left; } .basketXfirst { background: transparent URL(icons/basket_arrow.gif) left no-repeat; text-align: left; } .basketXlink { background: URL('/icons/basket.gif') left no-repeat; padding-left: 28px; } .basketXlink:hover { background: URL('/icons/basket.gif') left no-repeat; } .basketXa1 { } .basketXa1:hover { } .basketXtotal { width: 100%; height: 12px; background: #FFFFFF; margin: 0px;/*It's a p*/ padding: 6px 0px 6px 0px; border-top: 2px #DDE solid; } .basketXbase { width: 100%; background: #DDDDEE; text-align: center; } .basketXbase a { } .basketXbase a:hover { } .helparea { text-align: left; } .helplink { /*font-size: 9px;*/ color: #CCCCDD; } .helparea ul { } .helparea li { list-style: none; } .headingarea .helparea li { display: inline; } .searcharea { width: 100%; margin-bottom: 1em; } .searchtop { } .searchform { } .searchinput { text-align: left; max-width:80%; } /*input*/ .searchlink { font-style: italic } .searchlink:hover { background: none; } .searchbase { } INPUT[name='searchtext'] { max-width:90%; } /* NOTE - H4's and H5's currently get their color from text sheets */ /* NOTE: floats can be applied to news and update menus then cleared using base DIV, order dependent though */ .newsXmenu { } .newsXmenu { text-align: left; clear: both; width: 100%; } .newsXtop { font-weight: bold; } /* h4 */ /*.newsXtable { background-color: #eeeeff; border: solid 1px #555555; width: 118px; } GONE!!! */ .newsXwrapperTB { background: #eeeeff; border: solid 1px #999999; width: 100%; } /* some kind of bug when adding padding to width defined wrapperTB (IE & FF) */ .newsXbg1 { } .newsXbg2 { } .newsXfirst { /*padding: 6px 6px 3px 12px; font-size: 11px; text-align: left;*/ } .newsXwrapperTB H5 { } /* H5 around a */ .newsXitem { /*padding: 2px 3px 2px 0px;*/ } /* p */ .newsXa { } /* a */ .newsXa:hover {} .newsXa1 { } .newsXa1:hover {} .newsXbase { } .newsXmenu img { border: none; } /* NOTE: floats can be applied to news and update menus then cleared using base DIV, order dependent though */ .updXmenu { } .updXmenu { text-align: left; clear: both; width: 100%; } /* features UL */ .updXtop { font-weight: bold; } /* H4 */ .updXtable { background: #eeeeff; border: solid 1px #999999; } /* DIV!!! */ .updXwrapper { background: #eeeeff; border: solid 1px #999999; } /* DIV!!! */ /* this should change 'table' to 'wrapper' */ .updXfirst { } /* li around a */ .updXitem { } .updXa { } /* a */ .updXa:hover {} .updXa1 { } .updXa1:hover {} .updXbase {} /* NOTE - H4's and H5's currently get their color from text sheets */ .subsiteXlist { } .subsiteXlist { text-align: left; clear: both; } .subsiteXtop { font-weight: bold; } /*h4*/ .subsXtitle { font-weight: bold; } .subsXwrapperLR { border: solid #eeeeff 1px; } .subsXwrapperLR TD { /*border: solid #eeeeff 0px;*/ } .subsXwrapperTB { background: transparent; } /* height 1% bug fix for IE6 for bg1&2 */ /* if background color then add in padding for top and bottom (for non-x) */ .subsXbg1 { clear: both; /*background: #eee;*/ background: transparent; } .subsXbg2 { clear: both; /*background: #ddd;*/ background: transparent; } .subsXLogo { float: left; width: 55px; margin-right: 10px; margin-bottom: 4px;} /* a around img */ .subsXLogo img { border: none; } .subsXwrapperLR H5 { } .subsXwrapperTB H5 { float: left; } /*H5 around a1 link*/ .subsXa { } .subsXa:hover { } .subsXa1 { } /* a around link */ .subsXa1:hover { } .subsXitem { clear: both; } /* p or div*/ .subsXitem p { } .subsiteXbase { } /* for %%subsites-x */ .subsXwrapperTB TD { } .subsXwrapperTB table .subsXLogo { float: none; } .subsXwrapperTB table H5 { float: none; } .subsXwrapperTB table .subsXbg1 { /*background: #eee;*/ background: transparent; border: none; } .subsXwrapperTB table .subsXbg2 { /*background: #ddd;*/ background: transparent; border: none; } .subsXwrapperTB table .subsXitem { } /*NOTE: .topicsXwrapperTB can appear as table or div structure */ /* XMARK appears when placed in column */ .topicsXlist { } .topicsXlist { text-align: left; clear: both; padding:16px; border-radius:1em; background:#8881; } .topicsXtop {/*color: #555555;*/ font-weight: bold; } /*h4*/ .topicsXwrapperTB { background: transparent; } /* height 1% bug fix for IE6 for bg1&2 */ .topicsXbg1 { clear: both; background: none; padding: 1em 0em 1em 0; } .topicsXMARKbg1 { clear: both; background: none; padding: 1em;} .topicsXbg2 { clear: both; background: none; padding: 1em 0em 1em 0; } .topicsXMARKbg2 { clear: both; background: none; padding: 1em; } .topicsXLogo { float: left; width: 55px; /*position: relative; top: 0px; left: 0px;*/ } /*a around img*/ .topicsXLogo img { border: none; } .topicsXwrapperTB H5 { /*float: left;*/ } /*H5 around a1 link*/ /* IE bug */ .topicsXa { } .topicsXa:hover { } .topicsXa1 { } /*a around link*/ .topicsXMARKa1 { } .topicsXa1:hover { } .topicsXitem { /*clear: both;*/ } /*p or div*/ .topicsXMARKitem { /*clear: both;*/ } /*p or div*/ .topicsXitem p { } .topicsXMARKitem p { } .topicsXbase { } .topicsXlist .listpages { } /* NOTE: can use these rules to align summary - problem when no thumb though .topicsXitem { margin-left: 65px; } .topicsXwrapperTB table .topicsXitem { margin-left: 0px; } */ /* for %%topics-x */ .topicsXwrapperTB TD { } .topicsXwrapperTB table .topicsXLogo { float: none; } .topicsXwrapperTB table H5 { float: none; font-weight:normal; } .topicsXwrapperTB table .topicsXbg1 { background: none; border: none; padding-right:1em; } .topicsXwrapperTB table .topicsXbg2 { background: none; border: none; padding-right:1em; } .featXlist { text-align: left; clear: both; } .featXlist { } /* Title (H1) appears outside the featXbg1 div*/ /* display: none; works on title */ .featXtop { /*color: #555555;*/ font-weight: bold; } /* h4 */ .featXtitle { border: none; } /* h1 */ .featXwrapperTB { background: transparent; } .featXwrapperTB TD { padding-right: 10px; } /* height 1% bug fix for IE6 for bg1&2 */ .featXbg1 { padding: 1em; clear: both; background: #EFEFEF; border: 1px solid #DDDDDD; /*border-top: none;*/ } .featXbg2 { padding: 1em; clear: both; background: #EFEFEF; border: 1px solid #DDDDDD; /*border-top: none;*/ } .featXLogo { float: left; /*width: 55px;*/ margin-right: 10px; margin-bottom: 8px; } /*a around img*/ .featXLogo img { border: none; } .featXwrapperTB H5 { float: left; margin: 0.1em; } /*H5 around a1 link*/ .featXa { } .featXa:hover { } .featXa1 { } /*a around link*/ .featXa1:hover { } .featXlist .leftpic { } .featXlist .rightpic { } /* IE HACK - display:inline added to item and itemL too get rid of clearing space */ .featXitem { clear: both; } /*p or div*/ .featXitem p { /*padding: 0px; margin: 0px;*/ } .featXitemL { clear: both; } /* when new row is created, usually for summary - MAYBE TEMP */ .featXitemL p { /*padding: 0px; margin: 0px;*/ } .featXbase {} /*featured hack*/ .rightcolumn .featXLogo img { width: 55px; height: 55px; } .memXlist { text-align: left; margin: 10px; /*clear: both; width: 250px;*/ } .memXlist { } /* Title (H1) appears outside the memXbg1 div*/ /* display: none; works on title */ .memXtop { /*color: #555555;*/ font-weight: bold; } /* h4 */ .memXtitle { } /* h1 */ .memXwrapperTB { background: transparent; } /* height 1% bug fix for IE6 for bg1&2 ---!!!! */ .memXbg1 { /*float: left; clear: both;*/ width: 100%; min-height: 55px; background: #EFEFEF; border: 1px solid #DDDDDD; } .memXbg2 { /*float: left; clear: both;*/ width: 100%; min-height: 55px; background: #EFEFEF; border: 1px solid #DDDDDD; } .memXwrapperTB H5 { float: left; /*position: relative; left: 0px;*/ width: 50%; } /*H5 around a1 link and img*/ .memXwrapperTB H5 .memXa1 { float: left; border: solid 0px #009; } .memXwrapperTB H5 img { } .memXlist .leftpic { float: none; } .memXa { } .memXa:hover { } .memXa1 { } /*a around link*/ .memXa1:hover { } .memXitem { } /*p or div*/ .memXbase { } .memXwrapperTB TD { /*padding-right: 10px;*/ } .memXwrapperTB TABLE .memXbg1{ width: auto; } .memXwrapperTB TABLE .memXbg2{ width: auto; } /*NEW May06*//* .productXlist { margin-bottom: 10px; clear: both; } .productXtop { margin: 0px; } .productXtable { } .productXtable td { } .productXbg1 { padding: 10px; } .productXbg2 { padding: 10px; } .productXfirst { } .productXitem { } .productXa { } .productXa:hover {} .productXa1 { } .productXa1:hover {} .productXbase {} .productXitem img { border:none; } */ /*NOTE: styles copied from topics */ /*NOTE: .productXwrapperTB can appear as table or div structure */ /* XMARK appears when placed in column - does it? */ .productXlist { } .productXlist { text-align: left; clear: both; } .productXtop { /*color: #555555;*/ font-weight: bold; } /*h4*/ .productXwrapperTB { background: transparent; } /* height 1% bug fix for IE6 for bg1&2 */ .productXbg1 { clear: both; background: none; } .productXMARKbg1 { clear: both; background: none; } .productXbg2 { clear: both; background: none; } .productXMARKbg2 { clear: both; background: none; } .productXLogo { float: left; width: 55px; margin-right: 10px; margin-bottom: 4px; /*position: relative; top: 0px; left: 0px;*/ } /*a around img*/ .productXLogo img { border: none; } .productXwrapperTB H5 { /*float: left;*/ } /*H5 around a1 link*/ .productXwrapperTB .productXLogo { width: 105px; } /* IE bug */ .productXwrapperLR H5 { } .productXa { } .productXa:hover { } .productXa1 { } /*a around link*/ .productXMARKa1 {} .productXa1:hover { } .productXitem { /*clear: both;*/ } /*p or div*/ .productXMARKitem { /*clear: both;*/ } /*p or div*/ .productXitem p { } .productXMARKitem p { } .productXbase { } .productXlist .listpages { } /* NOTE: can use these rules to align summary - problem when no thumb though .topicsXitem { margin-left: 65px; } .topicsXwrapperTB table .topicsXitem { margin-left: 0px; } */ /* for %%topics-x */ .productXwrapperTB TD { } .productXwrapperTB table .topicsXLogo { float: none; } .productXwrapperTB table H5 { float: none; } .productXwrapperTB table .productXitem { clear: both; } .productXwrapperTB table .topicsXbg1 { background: none; border: none; } .productXwrapperTB table .topicsXbg2 { background: none; border: none; } /*NEW May06 - left same as arkade*/ .shopXwrapperLR { text-align:left;} .shopXwrapperLR { } .shopXwrapperLR td { border-top: solid #eeeeee 1px; padding:4px; } .shopXwrapperLR tr {} .shopXbg1 { } /*TR*/ .shopXbg2 { } /*TR*/ .shopXC1 {} .shopXtitle { color: #999999; text-align: center; margin-bottom: 10px;} .shopXLogo img { border: none; } .shopXwrapperTB .shopXLogo { width: 135px; float: left; clear: both; } .shopXwrapperTB .shopXLogo img { } .shopXfirst {} .shopXwrapperLR h5 { margin-top:0px; margin-bottom:6px; } .shopXitem { } /* p */ .shopXa {} .shopXa1 {} /* a inside H5 */ #showshop_style form { } #showshop_style input { } /* Dispatch Note address override */ div#despatch_note_style .listwrapperTB h5 { font-size: 2em; } div#despatch_note_style .listwrapperTB p.listitem { font-size: 1.66em; } /*NEW June06*/ .rssreader { margin-bottom: 2em; clear: both; text-align: left; } .rsstitle { padding: 0px; margin-bottom: 2px; font-weight: bold; } .rssdescription { padding: 0px; margin-bottom: 2px; } .rssitem { padding: 2px 0px 2px 0px; list-style-type: square; } .rssreader ul { padding: 0px; margin: 0px; margin-left: 1em; margin-top: 10px; } .addrXlist { clear: both; } .addrXlist { } /* Subclasses mirror the list elements above*/ .addrXtable {} .addrXfirst { text-align: left; } .addrXitem { text-align: left; } .addrXa { } .addrXa:hover {} .addrXa1 { } .addrXa1:hover {} .addrXbase {} /* Breadcrumbs of recently visited sites */ .history { clear: both; text-align: left; } .histtitle { font-weight: bold; } .histitem { list-style: none; } .histlink { color: #555555; text-align: left; } .histlink:hover { color: #555555; } .history ul {} /* IMAGES */ /* .linepic is the default image class, it is non-floating and cleared in HTML with
*/ /* .leftpic and .rightpic allow images in text (%%image and %%image_r) to 'float' so text flows around them */ /* Symbolpic is so you can control the size of symbolicYN answers where you have images as symbols */ .linepic { border: none; } .leftpic { float: left; border: none; } .rightpic { float: right; border: none; } .mainarea .leftpic, .mainarea .rightpic, .mainarea .linepic { padding-right: 10px; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; max-width:90%; } .rightcolumn .leftpic { } .rightcolumn .rightpic { } .rightcolumn .linepic { } .leftcolumn .leftpic { } .leftcolumn .rightpic { } .leftcolumn .linepic { } .headingarea .leftpic { } .headingarea .rightpic { } .headingarea .linepic { } .mainLogo {} H1 .leftpic { float: right; border: none; position: relative; bottom: 1em; right: 0px; } H1 .rightpic { float: right; border: none; position: relative; bottom: 1em; right: 0px; } #showtopic_style H1 { } H1 .linepic { /*border:none; margin: 0px; padding: 0px; don't work*/ float: none; } a img { border: none; } .clearfix { clear: both; } /*boxes and sidebars*/ .sidebar { } .left { } .right { } .leftcolumn .sidebar, .rightcolumn .sidebar, .headingarea .sidebar { clear: both; } /* SD: RIGHT HAND SIDE FLOATING SUBMENUS AND DROPDOWN MENUS - COMMENT OUT. DON'T DELETE. */ .leftout UL LI { position: relative;} .leftout LI UL { position: absolute; left:96%; top:0px; display:none; z-index:99 } .leftout UL LI:hover UL { display: block; width:100%; } .leftout UL LI UL LI { margin-bottom:0; padding-bottom:0.5em; } /* The .dropdown position: absolute allows the dropdown menu to break out of the header but affects float:right behaviour*/ .dropdown { position: absolute; } .dropdown ul { list-style:none; } .dropdown UL LI { position: relative; } .dropdown LI UL { position: absolute; left:0px; top:20px; display:none; } .dropdown UL LI:hover UL { display: block; } /*############################################### */ /*############################################### */ /* ERROR DISPLAY (not used consistently at present) */ .error { margin-left:2em; margin-right:2em; background: #fff; padding-left:24px; padding-bottom:3px; font-weight: bold; color: #E94141; color: #C94F4F; color: #EE2929; padding-top:1.5em; text-align:center; font-size:0.9em; } .error::before { content: url('noentry2.gif'); margin-right:0.5em; } .siteviews { margin-bottom: 1em; margin-top:1em; } /* Blipsite guide 2*/ .guide { background: #F5F5F5; color: #FFFFFF; border: solid 2px #CCCCCC; /*1% I.E. hack in style_ie6 */ margin-bottom: 10px; margin-left: 10px; } .guide p { margin: 0px; margin-left: 5px; padding: 10px 10px 10px 33px; color: #555555; } .guide p a { color: #555555; } .guide p a:hover { color: #BDC943; } .guide_link { padding: 5px 10px 15px 10px; /*height: 30px;*/ } .guide_link p { color: #999999; padding: 0px; margin: 0px; margin-left: 0px; background: none; /*width: auto;*/ } .guide_link p a { color: #BDC943; padding: 0px; padding-right: 35px; } span.guide_options { float: right; margin-right: 10px; } span.guide_options a { color: #555555; } span.guide_options img { margin-right: 4px; vertical-align: middle; } .guide brd { display: none; } #guide_end { } /* Layout page */ #image_library_style ul { } #image_library_style li { list-style: none; } #image_library_style li img { vertical-align: middle; border: solid 4px #E3E3E3; } #layout_options_style ul { } #layout_options_style li { list-style: none; margin-bottom: 10px; } #layout_options_style li img { vertical-align: middle; border: solid 4px #E3E3E3; } #layout_options_style .toolitem { width: 130px; background: #F9F9F9; border: solid 3px #F0F0F0; } #layout_options_style .text .toolitem { width: 130px; } #layout_options_style .toolitem a { color: #3366FF; } #layout_options_style .toolitem A:hover { } /*--------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } .tabber { } .tabberlive { margin-top:0px; } ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 4px solid #b7d7ff; border-bottom-color: #9bf; font: bold 11pt Arial, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; color: #fff; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ddd; border-bottom: 1px solid #ccc; background: #ccc; text-decoration: none; color: #fff; font-size:8pt; } ul.tabbernav li a:hover { color: #fff; background: #68C; } ul.tabbernav li.tabberactive a { background-color: #9bf; color: #fff; border: #ddd; border-bottom: 4px solid #b7d7ff; border-bottom-color: #9bf; font-size:11pt; } ul.tabbernav li.tabberactive a:hover { color: #fff; background: #68c; } .tabberlive .tabbertab { padding:5px; border:1px solid #ddd; border-top:0; overflow:auto; padding-top:2em; padding-bottom:2em; } .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } /* END tabbing */ .editable{ color: #000; background-color: #ffffd3; } /*editbar*/ .editbar .button { font-size: 11px; } .editbar { background: #eae9da; margin: 0px; padding: 0px; width: 100%; /*border-top: 0px solid #343434;*/ } /*div*/ .editbar a { } /*a inside*/ .editbar a img { margin-top: 3px; margin-left: 2px; } /*img inside a*/ /*display:none when clapsed, display:inline when open - PROBLEM causes bug in CSS*/ .editbarlinkarea { margin: 0px; padding:0px;} /*div*/ /*#links { width: 770px; border: solid 0px #ff0000; margin: 0px auto 0px auto; } *//*div*/ .editlinkline { display: inline; margin-left: 5px; } /*div*/ .editbuttonholder { display: inline; margin-left: 3px; margin-right: 3px; color: #777; } /*div*/ .editbuttonholder img { margin: 0px; margin-top: 4px; margin-bottom: 3px; vertical-align: middle; } /*img inside a*/ .edittop { } /*span*/ .edittop .button { color: #555; } /*a inside span*/ .edittop .button:hover { color: #000; } /*a inside span*/ .edittop a { } /*buttom a inside span*/ .edittop a:hover { } /*a inside span*/ /*temp*/ .editbuttonholder { display: inline; margin-bottom: 3px; } .editbar .editlinkline { display: inline; } .editbar .editbarlinkarea { text-align: left; } .editbar { text-align: left; position:relative; } #menuicon { position: absolute; float:right; top:2px; right: 15px; z-index: 999; margin-right: 24px; } #closebutton { font-size: 10pt; color: #555; background: #fff; padding:3px; border: 1px solid #ccc; position: absolute; right:0px; top: 0px; padding-top: 6px; margin: 0;} #closebutton { background: #c13838; color: #fff; font-weight: bold; border-radius: 16px; width: 34px; height: 34px; text-align: center; top: -15px; right: -15px; font-size: 16px; box-shadow: 2px 2px 4px #8888; border: 2px solid #fff; cursor:pointer; line-height:1; } /* Update to change widths .displayarea { width: 960px; background: #FFFFFF; } .leftmain { width: 120px; } .infotop { width: 114px; } .infofirst { width: 108px; } .infoMARKfirst { width: 108px } .orgitem { width: 108px; .Notananttop { width: 120px; height: 28px; background: URL(icons/quicklinksw.gif) no-repeat; } .Notananttop a:hover { width: 120px; height: 28px; } .Nitem { width: 108px; } .basketXmenu { width: 120px; } .basketXtable { width: 120px; } .basketXwrapper { width: 120px; } .basketXtotal { width: 120px; } .basketXbase { width: 120px; } .searcharea { width: 120px; } .newsXmenu { width: 118px; } .newsXwrapperTB { width: 118px; } .updXmenu { width: 118px; } .memXbg1 { width: 130px; } .memXbg2 { width: 130px; } .memXwrapperTB H5 { width: 65px; } .productXwrapperTB .productXLogo { width: 105px; } .shopXwrapperTB .shopXLogo { width: 135px; } */ /* Update to change widths */ .leftcolumn { float:left; width: 178px; } .toplinkarea {float: right; } .rightcolumn { float:right; width: 178px; } .footer { width:100%; max-width: 960px; } .botlinkarea { clear:both; float: right; width:100%; max-width: 960px; } .xeditbuttonholder { float:left; margin-right:4px; } .xeditlinkline { display: inline; background: #ff0; border-bottom: solid 1px #bbb;} .xleftmain { width: 180px; } .xinfotop { width: 174px; } .xinfofirst { width: 168px; } .xinfoMARKfirst { width: 168px } .xorgitem { width: 168px; } .xNotananttop { width: 120px; height: 28px; background: URL(icons/quicklinksw.gif) no-repeat; } .xNotananttop a:hover { width: 120px; height: 28px; } .xNitem { width: 108px; } .xbasketXmenu { width: 180px; } .xbasketXtable { width: 180px; } .xbasketXwrapper { width: 180px; } .xbasketXtotal { width: 180px; } .xbasketXbase { width: 180px; } .xsearcharea { width: 180px; } .xnewsXmenu { width: 178px; } .xnewsXwrapperTB { width: 178px; } .newsXmenu { width: auto; } .xnewsXwrapperTB { width: auto; } .xupdXmenu { width: 178px; } .xmemXbg1 { width: 130px; } .xmemXbg2 { width: 130px; } .xmemXwrapperTB H5 { width: 65px; } .productXwrapperTB .productXLogo { width: 105px; } .shopXwrapperTB .shopXLogo { width: 135px; } #cookielaw { position: fixed; bottom: 0px; right: 10px; width: 18em; background: rgb(57, 55, 44) none repeat scroll 0% 0%; color: rgb(68, 68, 68); padding: 8px; display: inline; border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 2px #888; color: #fff; font-size:0.8em; z-index:999; } #cookielaw a { color:#D2C108; } #shadepanel { position:fixed; z-index:199; top:0px; left:0px; width:100%; height:100%; background-attachment: fixed; background-color: rgba(107, 110, 119, 0.8); } .guide { margin:auto; position:absolute; left:0; right:0; top:15%; width:80%; min-width:300px; max-width:680px; z-index:299; min-height: 300px; padding: 30px; padding-bottom: 24px; opacity: 1.0; transition: 1s; border-radius:10px; } #wzdclose { position: absolute; top: -12px; right: -12px; background: #63656E; color: #fff; border-radius: 16px; width: 22px; text-align: center; box-shadow: 1px 1px 2px #888; font-size: 14px; font-weight: bold; cursor:pointer; } #wzdclose:hover, #wzdclose:active { background:#272F9F; } .fix-top { position:fixed; top:10px; z-index:88; } /* update May 18 */ h1, h2, h3, .h1_logo, .h2_subhead { margin-top:2.4em; margin-bottom: 1.2em; line-height:1.24; } .mainform.frm_ { margin-top: 4em; } .formsubmit { display: flex; } .formsubmit .formleft { width: 83%; text-align: right; } .formsubmit .formright { width: 15%; padding-left: 1em; padding-right:4px; } .topicsXwrapperTB { } .listwrapperLR table { border-spacing:0 1em; } .listwrapperLR TD { min-width: auto; padding-right:1em; } .listwrapperLR td:first-child { padding:0; } .listwrapperLR .row1 td { padding-top: 0em; } .listwrapperLR .listitem { padding-bottom:0em; padding-right:1em; } .listwrapperLR .listitem.thead { font-size:0.8em; padding:0; } .listwrapperLR .listitemL p { margin-bottom: 0.6em; } .listwrapperLR .listitemL { margin-bottom: 1.2em; } .listwrapperLR H5 { margin-bottom:0em; font-weight:normal; margin-top:-4px; } .listwrapperLR .listC1 { padding:0; } .listwrapperTB H5 { margin-bottom:0em; margin-top:0em; font-weight:normal; } .xxlistwrapperLR .row1 td { padding-top:1.4rem; } .xxlistwrapperLR .row1 td:first-child { padding-right:1em; } .listwrapperLR .imagelink { float:right; max-width:280px; margin-left:1em; z-index:1; position:relative; } .listwrapperLR .imagelink img { box-shadow: 2px 2px 10px rgba(0,0,0,0.1); padding:4px 10px 4px 10px; } .listwrapperLR .ulrow { margin-bottom:2em; padding-bottom:2em; margin-bottom:0; } .listwrapperLR .ulrow .listfirst { margin-bottom:1em; font-size:1.3em; } .listwrapperLR .ulrow .listfirst a { font-family: 'Lato',Arial, Helvetica, Sans-serif; color: #28487f; } .listwrapperLR .-more { width:100%; display:inline-block; text-align:right; font-style:italic; color:#226bd7; } .listwrapperLR .ulrow .divleadtext .rightpic{ display:none; } h3.listtitle { margin-top:0em; margin-bottom:0.5em; } .subsXwrapperTB table H5 { font-weight:normal; padding-right:1em; margin-top:0.6em; } .roleView { position:absolute; right:45px; top:0; } #menu_style ul { margin-left: 4em; margin-top:1em; } #menu_style li { list-style: square; margin-bottom:1.5em; text-decoration: underline #2bc8e2 } #list_comms_style .listbg1 { background-color: #fcfcfe; } #site_settings_style .toolbar, .toolbar { display:flex; flex-wrap:wrap; margin-bottom:0.5em } .toolitem { flex-grow: 1; line-height:1.24; padding-top:0.5em; margin-right:0.5em; max-width:80px; overflow:hidden; border-radius:3px} #site_settings_style .toolbar { justify-content:space-around; } #site_settings_style .toolitem { box-shadow: none; } #layout_options_style .toolitem { max-width:none; } #site_settings_style .text { margin-bottom: 3em; } #site_settings_style .text ul { margin-left:4em; margin-top:1em; } #site_settings_style .text li { list-style: square; margin-bottom:1.5em; } #list_products_style .mainform.frm_ { margin-top:2em; } .iconedit { display:flex; } .iconedit div { padding-left:2em; font-size:0.9em;} .iconedit div input { font-size: 0.9em; } .pagearea.noskin, .noskin .displayarea { background: #fff; padding-bottom:0; } .formright li { list-style:none; margin-left:0; } .formright li input { margin-right:0.5em; vertical-align: top; } @media (max-width:640px) { .mainarea { padding-left:1em; padding-right:1em; max-width:100%; } .mainarea .leftpic, .mainarea .rightpic { max-width:50%; } .mainarea h1 .leftpic, .mainarea h1 .rightpic { display:none; } } #popbox.modalshade { position: fixed; top:0; left:0; height:100%; width:100%; background: #0009; z-index:9999} #popbox .modalbox { position: absolute; top:10%; left:10%; width:80%; background:#fff; padding:2em;} #popbox .formline { padding:1em;} #popbox INPUT[type='text'],#popbox INPUT[type='password'], #popbox textarea { border: 0px; box-shadow: -0px 0px 3px #888888; border-radius: 5px 5px 5px 5px; background: #ffd; padding:0.3em; } /* flat style */ #popbox INPUT[type='text'],#popbox INPUT[type='password'], #popbox textarea { border: 1px solid #c1d1db; box-shadow: none; border-radius: 2px; background: #fff; padding:0.5em; } #popbox INPUT[type='submit'] { background:#77b69d; border:0px; color:#fff; padding:0.5em 2em; border-radius:5px; } #popbox select { border:1px solid #c1d1db; background:#fff; box-shadow:0; border-radius:2px; padding:0.5em; } #popbox .formsubmit { margin-top:2em; } .adminqre .-qn_actions { display:flex; flex-wrap:wrap; padding-top:2em; font-size:0.9em;} .adminqre .-qn_actions li { padding:0.5em; border:1px solid #ddd; margin:0.5em; background:#f0f0f0; } .adminqre { display:flex; flex-wrap: wrap; flex-direction:column; } .admin_qn { border: 1px #ccc solid; background: #f9f9ef; padding: 1em; margin-bottom:1em; } .admin_qn:hover { border-color: #888; } .admin_qn label { float:right; } .adqre_action { float: right; } /* 2018 update for LIUL lists */ #filterblk form { display:none; clear:both; font-size:0.9em;} #filterblk input, #filterblk select { font-size:0.9em; vertical-align:bottom; margin-right:1em;} #filterblk .fbtn { float:right; display:block; padding:3px 1em; font-style:normal; font-size:small; border-bottom: 1px solid #666; } #filterblk input[type='submit'] { float:right; } #list_persons_style .ultable { display: flex; flex-wrap:wrap} #list_persons_style .ulrow { width: 22%; margin:0.5em; padding:0.5em; background:#f6f6ff; } #list_persons_style .ultable .thead a { width:12em; display:inline-block; } .listitem .onoff, .formright .onoff { width: 4em; background:#ddd; display:flex; border-radius:5px; justify-content:space-evenly; max-height: 1.9em; } .onoff span { display:inline-block; width:1em; border:3px solid #ddd; height:1.5em; background:#fff; border-radius:6px; transition:.2s; box-shadow:0px 0px 1px #111; margin-right:1px;} .onoff .oo_on { background:#fff; } .onoff input { display: none; } .onoff input[type='radio']:checked + span { width:2em; background:#ddd; transition:.4s; box-shadow:none;} .onoff input[type='radio']:checked + .oo_on { background:#1c1; } .-toggle input { display:none; } .-toggle input[type='checkbox'] + div { display: none; } .-toggle input[type='checkbox']:checked + div { display: block; } .-toggle label:hover { cursor: pointer; } .-toggle div { background: #eef; padding:1em; } .-toggle div ul { padding:initial; } .-toggle div li { margin-left:1em; list-style: unset; } /*multiform for list_quota*/ .multiform .mainform { position:relative; margin-top:0; } .multiform .mainform { margin-bottom:0em; } .multiform .mainform form { padding-bottom:0; margin-bottom:0.5em;} .multiform .mainform form p { font-size:0.9em; } .multiform .formline { max-width:33%; margin-left:0em; margin-right:1em; } .multiform .formleft { width:auto; } .multiform .formright { width: 65%; padding-left:3px; } .multiform .formline .formleft { float: none; } .multiform .tabber { } .multiform .tabbertab { display:flex; width:100%; justify-content:space-evenly; } .multiform .tabbertabhide { display:none; } .multiform .formbr { display:none; } .multiform .formsubmit { position:absolute; right:0; bottom:0.5em; margin:0; } .multiform select { font-size:0.9em; } .multiform .delBtn a { color:#c00; } /*multiform for ntnt_list_interviewers*/ #ntnt_list_interviewers_style .multiform .mainform { background:none; border:0px; } #ntnt_list_interviewers_style .multiform .formline { flex-grow:1; font-size:0.8em; } #ntnt_list_interviewers_style .multiform .formline:nth-of-type(2) { max-width:7em; margin-right:4em; } #ntnt_list_interviewers_style .multiform .tabbertab { padding:0.5em 1em 0.2em 2em; background: #f9f9ef; justify-content: space-between; } #ntnt_list_interviewers_style .multiform .tabbertab:nth-of-type(3) .formline { max-width:100%; } #ntnt_list_surveys_style .ultable { display:flex; flex-wrap:wrap; } #ntnt_list_surveys_style .ultable .ulrow { margin:1em; padding:1em; box-shadow:2px 2px 2px #ccc; max-width:24%; overflow:hidden; font-size:0.8em; } #ntnt_list_surveys_style .ultable .ulrow .listfirst { margin-bottom: 0.5em; } #ntnt_list_surveys_style .ultable .ulrow .listfirst b { color:#006e9a; } .multitext .formleftta { float: none; margin-top:1em; margin-bottom:1em } .multitext .-mq_block { margin-left:32%; width:67%; } .multitext .-mq_block { margin-left:22%; width:78%; } .multitext .-mq_row { margin-bottom:1em; } .multitext .-mq_row label { padding-right:1em; } .multitext .-mq_row input { margin-right:1em; } .multitext .-mq_add { clear:both; font-style:normal; cursor:pointer; float:right; } .multitext .-mq_ren { width:2em; display:inline-block; } #ntnt_list_reports_style .ulrow { display:flex; width:100%; justify-content:space-between; } .multitext i { font-style: normal; font-size:0.77rem; } #ntntSGQ_extract_data_style .formline { display:flex; } #ntntSGQ_extract_data_style .formline .formleft, .dataextracts .formline .formright { width:50%; float:none; } /* END MAINFLUID.CSS */ /* START TEMPLATE.CSS*/ BODY { background: #28487F; } .pagearea { text-align: center; background: #28487F URL(bak.jpg) repeat-x top; margin: 0px; padding: 10px 0px 30px 0px; } .displayarea { width: 700px; margin: 0px auto 0px auto; margin-bottom: 0px; text-align: left; background: transparent; } .headerleft { display: none; } .headermain { background: transparent; font-weight: bold; font-size: 230%; text-align: left; color: #FFFFFF; } .headerright {height: 30px; background: #3983FF; color: #FFFFFF; } .headermain .linepic { margin: 0px; padding: 0px; border: none; } /* .leftcolumn { width: 140px; padding-top: 8px; } .lefttop { height: 20px; width: 140px; background: transparent; } .leftmain { width: 120px; background: transparent; padding: 0px; padding-left: 20px; padding-right: 0px; } .leftbase { height: 10px; width: 140px; background: transparent; } */ .leftcolumn { display: none; } .rightcolumn { width: 160px; background: #FFFFFF URL(right_strip.gif) left repeat-y; padding: 0px 0px 0px 10px; } .righttop { float: right; height: 10px; width: 160px; } .rightmain { float: right; width: 140px; padding: 10px; background: #FFFFFF; } .rightbase { float: right; height: 20px; width: 160px; } .footer { height: 20px; text-align: left; background: transparent; } .footerleft { float: left; } .footermain { float: left; padding: 0px 10px 0px 10px; } .footerright { float: left; } .toplinkarea { background: transparent; padding: 0px; height: 0px; margin: 0px; } .botlinkarea { background: transparent; padding: 0px; color: #FFFFFF; } .botlinkarea .button { color: #FFFFFF; } .botlinkarea a { color: #FFFFFF; } .NStatus { color: #FFFFFF; } hr { background: none; color: #FFFFFF; width: 0px; height: 0px; } /*component location specific over-riders*/ .headerright .infomenu { font-family: "Trebuchet MS"; } .headerright .infomenu a { font-family: "Trebuchet MS"; } .headerright .infofirst { /*width: 80px;*/ width: auto; padding: 0px; background: transparent; border: 0px; border-right: 2px solid #5A98FF; color: #FFFFFF; } .headerright .infoMARKfirst { /*width: 80px;*/ width: auto; padding: 0px; background: transparent; border: 0px; border-right: 2px solid #5A98FF; color: #FFFFFF; } .headerright .infoa { float: left; color: #FFFFFF; font-size: 12px; padding: 6px 10px 6px 10px; background: transparent; } .headerright .infoa:hover { background: #3C6CBE; color: #FFF; } .headerright .infoa1 { color: #FFFFFF; font-size: 12px; background: transparent; } .headerright .infoa1:hover { background: #3C6CBE; color: #FFF; } .headerright .infoMARKa { float: left; color: #FFFFFF; font-size: 12px; padding: 6px 10px 6px 10px; background: #28487F; } .headerright .infoMARKa:hover { background: #3C6CBE; color: #FFFFFF; } .headerright .infoMARKa1 { float: left; color: #FFFFFF; font-size: 12px; background: #28487F; } .headerright .orgitem { width: 100px; font-size: 12px; padding: 6px 10px 6px 10px; background: transparent; border: 0px; border-right: 2px solid #5A98FF; color: #FFFFFF; } .headerright .orglink { color: #FFFFFF; } .rightcolumn .infotop { width: 134px; } .rightcolumn .infofirst { width: 128px; } .rightcolumn .infoMARKfirst { width: 128px; } .rightcolumn .orgitem { width: 128px; } .rightcolumn .Notananttop { width: 140px; } .rightcolumn .Nitem { width: 128px; } /* SDSDSD rewidth */ .headermain { width: 960px; } .headerright { width: 960px; } .rightcolumn { width: 180px; } .righttop { width: 180px; } .rightbase { width: 180px; } .rightmain { width: 180px; } .rightcolumn .infotop { width: 154px; } .rightcolumn .infofirst { width: 148px; } .rightcolumn .infoMARKfirst { width: 148px; } .rightcolumn .orgitem { width: 148px; } .rightcolumn .Notananttop { width: 160px; } .rightcolumn .Nitem { width: 148px; } /* END TEMPLATE.CSS*/ body,p,a, h1,h2,h3,h4,h5 { font-family: "Open Sans",Arial, Helvetica, Sans-serif; background:none; } body,p,div { font-size:1.1rem; xfont-size:1.3rem; } .leadtext { clear:unset; } p, .leadtext p { color:#444455; color:var(--paragraph); } a { color:#4a4ad1; color:var(--pagelink); xfont-weight:550; } h1, .h1_logo { border:none; padding-left:0px; margin-left:0px; font-family: Georgia, "Times New Roman", Times, serif; color: #0505b9; color: var(--heading); font-size: 1.8rem; margin-top: 1.4rem; margin-bottom: 1.2rem; font-weight: normal; font-size:2rem; } h3, h3 a, h2, h2 a, .h2_subhead .h2_subhead a { color: #0505b9; color: var(--heading); margin-top: 3.3rem; margin-bottom: 1rem; xfont-weight:bold; font-weight:normal; } h3, h2, .h2_subhead { font-size:1.2em; } .site_1 h2, .site_1 h2 a, .site_1 .h2_subhead, .site_1 .h2_subhead a { margin-top:3.3rem; margin-bottom:1.5rem; } h5 b { font-weight: normal; font-size:18px; } hr { border-bottom:1px solid #fa2; } /* Layout helpers (eg grid) to add to HTML */ /* alt colours: background: #4a83af; border-color: #93a9ce; } */ /* alt colours: background: #63746a; border-color: #bec1bb; } */ .ntnt_center { float:none; margin-left:auto; margin-right:auto; width:1170px; max-width;100%; } /* Page sections */ .pagearea { overflow: hidden; background:#F9F6E6; background:var(--page_color); xbackground:#fff; padding-top:0; } .displayarea { width: 100%; overflow: hidden; max-width:unset; } .headingarea { width:100%; height: 200px; height:100%; max-width:unset; } .headermain { width:100%; max-width:unset; height:400px; display:none; } .headermain img.linepic { width:100%; height:400px; } .headerright { display:none; width:100%; margin-top: 20px; } .headerleft { display:block; width:100%; color: #4a4ad1; color:var(--headmenu); text-align:right; float:none; margin-left:auto; margin-right:auto; background:#fff; } .headerleft .h1_logo, .headerleft .h1_logo a { font-family:'Oklahoma', 'Open Sans', Arial, sans-serif; xx0309_font-size:28pt; font-size:32pt; font-size:40pt; font-size:35pt; margin-top:1rem; color: var(--headmenu); } .headerleft .h1_logo { padding-top:1rem; padding-right: 0.3em; margin-top: 0; margin-bottom:0.3rem; margin-bottom:4px; font-size: 28pt; } .headerleft .h2_subhead { font-size:18px; font-size:16px; margin-right:14px; font-style:italic; margin-top:0; margin-bottom:1rem; margin-bottom:12px; color:#131379; } .headerleft .infomenu { background: var(--headmenu); float:none; z-index:9999; } .headerleft .infofirst, .headerleft .infoMARKfirst { width: auto; padding:0px; background:transparent; border-right: 2px solid var(--headmenu_sep); color: #fff; color: var(--headmenu_link); flex-grow:1; } .headingarea .infomenu ul { display: flex; justify-content: space-between; border-left: 2px solid var(--headmenu_sep); margin-left:auto; margin-right:auto; max-width:1170px; } .headerleft .infoa, .headerleft .infoMARKa { float: left; color: #fff; color: var(--headmenu_link); padding: 6px 10px 6px 10px; background: transparent; xx0309_font-size: 0.9rem; font-size: 1.05rem; xfont-size:1.15rem; text-align: center; } .headerleft .infoa, .headerleft .infoMARKa { width: calc(100% - 20px); } .headerleft .infoMARKfirst { background:#28487F; background: var(--headmenu_select); } .headerleft .infofirst:hover, .headerleft .infoMARKfirst:hover { background:#dbad3e; background:var(--headmenu_hover); } .ntnt_center { float:none; margin-left:auto; margin-right:auto; width:1170px; max-width:100%; padding-left: 12vw; padding-right: 12vw; padding-bottom:2em; } .mainarea { width: 100%; padding:0; margin:0; max-width:unset; width:auto; float:none; min-height: 800px; line-height:1.66; flex:1; } .mainarea .leftpic { margin-right: 1em; margin-left: 0em; } .mainarea .rightpic { margin-left: 1em; margin-right: 0em; } .mainarea .leftpic, .mainarea .rightpic, .mainarea .linepic { margin-bottom:1em; margin-top:0; box-shadow:2px 2px 10px rgba(0,0,0,0.1); max-width:90%; } .mainarea img { max-width:100%; } .mainarea h1 .leftpic, .mainarea h1 .rightpic { margin:0em; margin-top:0; box-shadow:none; } .bread { text-align: right; z-index:1; } .runset { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 6vw; padding-right: 6vw; margin-top: 3em; padding-bottom:2em; max-width:920px; } .xmainform { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 12vw; padding-right: 12vw; margin-top: 3em; padding-bottom:2em; } .text { margin-left:5em; } .rightcolumn { display:none; width: 180px; background:#fff; padding-right:0.5em; } .righttop { width: 180px; } .rightbase { width: 180px; } .rightmain { width: 180px; padding-top:6em; } .leftcolumn { display:none; } .botlinkarea { width: 100%; max-width: unset; font-size: 0.8em; background: #6aacfd8c; } .botlinkarea .botbuttonholder { margin-right: 2em; } .footer { max-width: unset; height:140px; background:#070749; background: var(--footer); margin-top:0; padding:1em; text-align:center; } .footermain { float:none; } .footer .Notanantbox ul { display:flex; margin-top:2em; margin-left:auto; margin-right:auto; max-width:1170px; } .footer .Nitem { text-align:center; } .topicsXwrapperTB { clear:both; border: 0px solid #ccf; margin-top: 0em; padding-top: 0em; padding-bottom: 1rem; } .topicsXwrapperTB H5 { margin: 0px; margin-top: 0.5rem; padding: 0px; padding-left: 0em; font-weight: normal; } .topicsXwrapperTB .topicsXitem { margin-top: 1rem; color: #669; } .topicsXwrapperTB .topicsXitem p { font-size: 1rem; } .topicsXwrapperTB .topicsXitem li { font-size: 1rem; } .topicsXbg1, .topicsXbg2 { padding-left:0; padding-right:0; } .listwrapperTB .listbg1, listwrapperTB .listbg2 { border: none; } .listwrapperTB .listbg1 { padding-right: 1em; } .listwrapperTB h5 { margin-bottom: 0.5em; } .listwrapperLR .row1 td { padding-top:1.4rem; } .Notanantbox { font-size: smaller; } .mainarea .calendar .calx, .mainarea .calendar .cal, .mainarea .calendar .calm { font-size: 0.9rem; } .mainform .listlist li li { list-style:none; padding-top:1em; } .infomenu ul { margin:0; } .frm_comment { margin-top:4em; box-shadow:1px 1px 10px rgba(0,0,0,0.1); } .frm_comment textarea { width:95%; } /* design specific fixes */ .headingarea { position: fixed; height:180px; } .mainarea { margin-top:180px; } .mainform { xpadding-top:1rem; } .divleadtext { xborder-left: 4px solid var(--gold_line); xmargin-left:-15px; xpadding-left:10px; margin-bottom:1rem; xmargin-top:3em; margin-top:1em; } .divleadtext::after { margin-top:1rem; content:''; width:100%; height:1rem; border-bottom:1px solid var(--gold_line); display:block; margin-bottom:4rem; } .listwrapperLR .divleadtext, .topicsXlist .divleadtext { border:none; padding-left:0; margin:0; } .listwrapperLR .divleadtext::after, .topicsXlist .divleadtext::after { content:none; } .listwrapperLR .leadtext img, .topicsXlist .leadtext img { display:none; } .listwrapperLR .listitem ul li { padding-left:1em; margin-left:2em; list-style: unset; } .mainarea .text h4 { display: none; } .headingarea h4 { padding-right:0em; font-weight:normal; } .listwrapperLR { max-width:760px; margin-left:auto; margin-right:auto; } .listwrapperLR table { border-collapse:collapse; } .listwrapperLR h5 a { font-weight: normal; color: var(--heading); } .listwrapperLR .row1 { border-bottom: 1px solid var(--gold_line); } .listwrapperLR .row1 td { padding-top:5rem; padding-bottom:2rem; } #banner .linepic { box-shadow:none; max-width:unset; width:100%; max-height:400px; height:auto; padding:0; } .quoteabout { float: right; width: 30%; padding: 1em; margin-left: 1em; font-style: italic; border-left: 4px solid #f8c74f; background:#f8f8fc; min-width:8em; } .quote { clear:both; float:right; width:30%; padding: 1em; margin-left: 1em; font-style: italic; background:#f8f8fc; margin-bottom: 1em; min-width:8em; z-index:1; } .quote h4 { border-top: 1px solid #f8c74f; } ul.blocks { display:flex; flex-wrap:wrap; } .blocks li { list-style:none; width:30%; padding:3em; border:1px solid #eef; margin:0.5em; text-align:center; background: #51617d; color:#fff; } .blocks li a { color:#fff; } ul.blocks4 { display:flex; flex-wrap:wrap; width:100%; justify-content:space-evenly; } .blocks4 li { list-style:none; width:20%; padding:3em; border:1px solid var(--headmenu); margin:0.5em; text-align:center; padding:2em; display:block; } ul.flags { display:flex; justify-content:space-evenly; } .flags li { list-style:none; margin-left:0; } ul.blocks5 { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center; } .blocks5 li { list-style:none; padding:3em; xborder:1px solid var(--headmenu); margin:0.5em; text-align:center; padding:2em; min-width:10em; border-radius:0.8em; box-shadow: 4px 4px 14px #0c326469; padding-top:1.5em; line-height:1.4; } .tdcl_icons, .tdcl_icons_1 { display: flex; flex-wrap:wrap; justify-content: space-evenly; width:150%; margin-left:-25%; width:180%; margin-left:-40%; margin-top:3em; margin-bottom:2em; border-top: 0px solid #ccf; padding-top: 3em; border-bottom: 0px solid #ccf; padding-bottom: 2em; text-align: center; xbackground:#559fff17; xwidth:calc(100vw + 2em); xmargin-left:-50%; margin-bottom:3em; padding-top:1em; xpadding-bottom:4em; } .tdcl_icons_1 { background:transparent; } .tdcl_icons h3, .tdcl_icons h3 a { color: #aab; color:#577299; } .tdcl_icons h3 { display:block; width:100%; } .xtdcl_btn { fill: none; stroke:none; } .xtdcl_btn:hover { stroke:#999; } .tdcl_banner { width:100vw; height:40vw; max-height:400px; background-size:cover; xmargin-left: calc( 585px - 62vw ); margin-left: calc( 50% - 50vw ); /* margin is 12vw for padding + margin:auto (100%-1170px/2) */ /* ie -50vw + 585 - 12vw = -62vw + 585 */ /* or -50vw + 50% */ } .headingarea .contactus { display:block; margin-top:0; font-size:0.9em; background:#f8c74f; float:right; padding:0.5em; padding-right:1.5em; border-radius: 1em 0 0 1em; padding-left: 1em; box-shadow: 2px 2px 1px #888; margin-bottom: 2em; } .mainarea { margin-top:150px; } .headingarea { height:150px;z-index:2; overflow:hidden; height:auto; xx0309-max-height:190px; max-height:210px; max-height:236px; max-height:250px; } .headingarea .ntnt_center { padding:0; padding-bottom:0; } .mainform h1 { padding-top: 0em; } /* Parallex effect - note double html height 100% needed! */ html { height: 100%; } html { height: 100%; } body { height:100%; position:relative; overflow:hidden; } #ntntbar { position:sticky; z-index:99; position:fixed; top:0; left:0; } .pagearea { height: 100%; transform-style: preserve-3d; perspective:1px; overflow-y:scroll; } .displayarea { max-width:unset; transform-style:preserve-3d; overflow:unset; position:relative; } /* turn off 3d on edit - jumps on Firefox */ .navoff .displayarea { transform-style:flat; } .headingarea { position:static; position:sticky; top:0; background:transparent } .tdclcontact,.tdclcontact a { color:#d1d1df; font-weight: normal; } .tdclcontact { width:90%; margin-left:auto; margin-right: auto; display:flex; justify-content: center; padding:0; } .tdclcontact li { margin:0; padding:0.5em;} .heroarea { padding:0; margin:0; xmargin-top:150px; xtransform-style: preserve-3d; height:20vh; z-index:-1; margin-top:50px; } .mainarea { margin-top:0; padding-top:0em; background:#efefef; xbackground:transparent; background:#fff; background-image: url('background.jpg'); background-image: url('background.webp'); background-position:bottom; background-repeat:no-repeat; background-size:100%; } .mainform { background:#ffffff11; padding-top:2rem; margin-top:-1rem; } .tdcl_slides { transform-style:preserve-3d; } .tdcl_banner { box-sizing: border-box; min-height: 40vw; xpadding: 5vw 0 5vw; position: relative; -webkit-transform-style: inherit; transform-style: inherit; width: 100vw; xheight:20vw; xheight:18vw; height:80vh; min-height:unset; margin-left: calc(50% - 50vw); background:#ff0; xmin-height: 20em; } .tdcl_banner, .tdcl_banner:before { background: 50% 50% / cover; } .tdcl_before, .x_tdcl_banner::before { bottom: -5em; content: ""; left: -5px; position: absolute; right: 0; top: 0; display: block; background-color: #1281c1; xbackground-image: url('/Library/D1440x420/poolwater.jpg'); background-size: cover; transform-origin: center 120% 0; transform: translateZ(-1px) scale(2); z-index: -1; min-height: 50vh; } .tdcl_banner * { font-weight: normal; letter-spacing: 0.2em; text-align: center; margin: 0; padding: 1em 0; padding-top:0; } .tdcl_banner p { background-color: hsla(0, 0%, 100%,0.1); } .tdcl_banner h1 { background: #0088; color: #fff; display: block; padding: 0em 0.5em; margin-bottom: 0.5em; font-size: 2.6em; background: none; xtext-shadow: 3px 3px 10px #003; text-shadow: 1px 1px 2px #668, 2px 2px 12px #0038; max-width:100%; xmargin-left: calc(68vw - 50%); margin-left:auto; margin-right:auto; } .tdcl_banner h2 { xbackground:#9ac2f544; padding:0.5em; text-shadow: 0px 0px 9px #fff; } .articles { width:calc(100% + 4em); margin-left:-2em; max-width:100vw; width:calc(100vw + 4em); xmax-width:calc(100vw + 4em); margin-left:calc(-50vw + 330px); xmargin-left:calc(-50vw + 380px); max-width: 120%; margin-left: -80px; } .articles .infomenu ul { display:flex; flex-wrap:wrap; justify-content: center; xjustify-content: space-between; margin-left:0; padding-left:0; width:100%; } .articles .infomenu { float:none; } #market_research_style .articles .infomenu ul { max-width:900px; margin-left:auto; margin-right:auto; display:grid; grid-template-columns:1fr 1fr 1fr; } #market_research_style .articles .infomenu ul li { margin:1em auto; border-radius:8px 8px 0 0; } .articles .infomenu ul .infofirst { width:14em; height:14em; margin:1em; background:#1a2f53; color:#fff; background-size: 100% 100%; position:relative; padding:0; box-shadow: 4px 4px 5px #ccc; border: 1px solid var(--gold_line); border-bottom: 0.5em solid var(--gold_line); margin-bottom:2em; xborder-radius:1.5em; margin:0.5em; } .articles .infomenu ul .infofirst a { display:block; position:relative; height:100%; background: #9ebee066; xborder-radius:1.5em; } .articles .infomenu ul .infofirst a b { color:#f5c34b; color:#fff; padding:1em; display:block; text-align:center; text-shadow: 0px 0px 1px #000, 0px 0px 3px #000, 0px 0px 10px #2F6CD18A; xbackground:#aaaaff33; background-image: linear-gradient(to top, #15154169 0%, #0b0b4433 45%, #fff0 70%, #fff0 100%); position:absolute; bottom:0; left:0; right:0; xfont-size:1.08em; font-size:1.2em; xborder-radius: 0em 0em 1.2em 1.2em; line-height:1.4; } .articles .infomenu ul .infofirst:hover { box-shadow: 4px 4px 8px #99b; } .articles .infomenu ul .infofirst a:hover b { color: var(--gold_line); } .articles .infomenu ul .infofirst a:hover { transition-duration:1s; background: none; } .topicsXwrapperTB H5 a { font-weight:normal; font-style: normal; } .listwrapperLR .rightpic { max-width:50%; } .listwrapperLR .listC1 .listLogo { display:none; } .sectors li img { height: 175px; } .sectors li { padding:0; margin:0.5em; width:22%; padding-bottom:1em; min-width:16em; margin-bottom: 2em; } .mainarea .sectors .linepic { width:100%; padding:0; margin:0; max-width:100%; box-shadow:none;} #popbox .modalbox { height:100%; } #popbox .runset { margin-top:0em; overflow-y:scroll; height:80%; } #popbox .multitext .-mq_block { margin-left:0; width:100%; } #popbox .multitext .-mq_row { display:flex; } .-tdclcontact { top:560px; right:0px; background:#f8c74f; padding:0.5em; position:absolute; } .-tdclcontact a { color:#000; } .heroarea .tdcltaglist { background:#fff; padding:1em; max-width: 960px; margin-left: auto; margin-right: auto; margin-top:-50px; } .tdcltaglist ul { margin:0; padding:0; padding-top:2em; text-align:center; } .heroarea .tdcltaglist ul { padding-top:0; } .tdcltaglist ul li { margin:0; padding:0; list-style:none; display:inline-block; padding-right:2em; font-size:0.8rem; } .tdcltaglist ul li a { color:#666; font-size:0.8rem; color:#163d77; } .qodlist ul { display: flex; padding:0; margin:0; flex-wrap:wrap; justify-content:space-between; } .qodlist li { list-style:none; padding:1em; margin:1em; width:18%; border:1px solid #eef; background:#d4e8f0; padding-bottom:2em; font-size:0.9rem; } .cxoicelist ul { padding:0; } .cxoicelist li { padding:0; list-style:none; } .cxoicelist li ul li::before { content: '▶'; color: #f8c74f; padding-right: 0.8em; font-size: 0.8rem; } .footermain { font-size:1.1rem; } .news_box { width: 45%; float: right; min-height: 11em; text-align: center; border: 0px solid #eef; margin: 1em; min-width:10em; margin-top:0; border-radius: 0.8em; z-index:1; height:max-content; } .news_box p { background:#fff8; font-weight:bold; color:var(--heading); line-height:1.33; } .news_box p a { color:var(--heading); } .listlist li { margin-left:1em; color: #0d489e; } .listlist li li { font-size:16px; color:#555; } .listlist ul { margin-bottom:0; } #qformdiv .bread { display:none; } #qformdiv .ticon { display:none; } #qformdiv .formsubmit .formleft { width:100%; } #qformdiv, #qformdiv .noskin { border-radius:1em; } #qformdiv { left:calc(50% - 360px); max-width:80%; box-shadow: 4px 4px 16px #3c76b387; border: 1px #888 solid; max-width: 720px; font-size:0.9em; } #qformdiv .runset { margin-top:2em; } #qformdiv p, #qformdiv div { font-size:1em; } #qformdiv .mainform.frm_ { margin-top:0; } #qformdiv .mainarea { padding:0 2em; max-width:calc(100% - 4em); } .formsubmit input { padding:0.5em 1.5em; background:#239d11; border:0; color:#fff; border-radius:1em; box-shadow: 2px 2px 4px #8888; font-size:0.9em; } .formsubmit input[name='cancel'] { background:#dfe1df; color:#666; font-size:0.6em; } @media (max-width: 960px) { body, p, a { font-size:1em; xfont-size:1.2rem; } .headingarea { height:200px; } .headerleft .infoa, .headerleft .infoMARKa { font-size:0.9rem; font-size:1rem; } .headerleft h2 a { font-size:32pt; } .headingarea .contactus { font-size:10px; } .tdcl_banner h1 { font-size:2.2rem; margin-top:-2em; } .tdcl_banner h2 { font-size: 1.3rem; } .mainarea { max-width: 960px; } .rightcolumn { width: 100%; } .righttop { width: 100%; } .rightbase { width: 100%; } .rightmain { width: 100%; } .rightmain .infomenu ul { display:flex; flex-wrap: wrap; justify-content:space-between; } .rightmain .infofirst { width: 30%; } .mainarea .leftpic, .mainarea .rightpic { max-width: 50%; } .mainarea .mktinbox .rightpic { max-width:100%; } .botlinkline { display:none; } .heroarea { height:14vh; margin-top:4em; } .sectors li { min-width:10em; } .articles .infomenu ul .infofirst { width:14em; height:14em; font-size:0.9rem; } .tdcl_icons_1 { font-size:0.8rem; } .articles { width:calc(100% + 4em); margin-left:-2em; max-width:100vw; } .listwrapperLR .imagelink { max-width:unset; width:100%; margin-left:0; } } .mainform .tdcltagexp { width:100vw; margin-left: calc(-50vw + 330px); max-width:800px; margin-left:auto; margin-right:auto; } /* research taglist - margin moves; dropping for main article lists */ /* fix needed for conjoint explorer in conjointdefn.css */ .site_25 .mainform .tdcltaglist { xmargin-left:0; } .mainform .tdcltaglist ul { display:flex; flex-wrap:wrap; justify-content:center; text-align:left; max-width: 960px; margin-left: auto; margin-right: auto; } .mainform .tdcltaglist ul li { width:40%; max-width:12em; padding:1em; margin:0.5em; border-radius:0.5em; box-shadow:1px 1px 2px 1px #ccc8; line-height:1.4em; background:#fff; min-height:72px; } .mainform .tdcltaglist ul li:hover { background:#eee9; } .botlinkline { display:none; } @media (max-width: 800px) { .headingarea { height: auto; max-height: 220px; } } .footermain .Nlink { color: var(--gold_line); } .table2col { border-collapse:separate; border-spacing:1em; } .table2col td { padding:1em; padding-top:0.5em; padding-bottom:0.5em; } .table2col tr:nth-child(2n+1) td { background:#f5f9ff; padding-bottom:1.5em; } .table2col th { border-bottom: 1px solid #eef; } /* conjoint demo */ .cnjtmain { border:1px solid #efefff; padding:1em; margin-top:4em; } .cnjtmain li { list-style: none; } .cnjtoption li { margin-left: 0; } .cnjtlabels li { margin-left:1em; padding-bottom:0; margin-top:1em; } .cnjtchoice li { margin:0.5em; padding-left:0.5em; padding-right:0.5em; } #main_panel .cnjtmain ul li { list-style: none; } .cnjttask { display:flex; width:100%;} .cnjtoption { flex-grow:1; text-align:center; font-weight:bold; border:1px solid #9f936e; margin:0.5em; padding:0.5em; width:20em; text-shadow: 1px 1px 4px #fff; padding-bottom:0em; font-size:1rem; padding-top:1em; border-radius:1.5em; background-size:100%; color:#444; } .cnjtoption:nth-child(1) { background:url('pizza_bg.jpg'); } .cnjtoption:nth-child(2) { background:url('pizza_bg2.jpg'); } .cnjtoption li { padding-bottom:0.5em; } .utils li { list-style: none; } .cnjtinput { width:100%; } .cnjtlabels { width: 100%; display:flex; color:#063479; font-size:0.9rem; } ul.cnjtlabels { margin-bottom:0em; } .cnjtlabels li { flex-grow:1; font-style: italic; } .cnjtlabels li:nth-child(2) { text-align: right; xmargin-right:2em; } .cnjtchoice { width: 100%; display:flex; text-align:center; margin-left:0; color:#063479; font-size:0.9rem;} ul.cnjtchoice { margin-bottom:0 } .cnjtchoice li { flex-grow:1; } #cnjtform { padding-bottom:0; overflow:unset; } .cnjtexpected { width :100%; margin-top:1em; text-align:center; font-style:italic; color: #ecc260; font-size:smaller; } .cnjtselect { text-align: center; font-size:1rem; } .cnjtcharts { width:calc(100% - 2em); padding: 1em; } .cnjtcharts h3 { xmargin-bottom: 2em; font-size:1.1rem; } .cnjtcharts .utils { width:45%; display:inline-block; } .cnjtcharts .utils b { min-width:8em; display:inline-block; font-weight:normal} .cnjtcharts .utils i { background:#f9d889; margin-left:4px; display:inline-block; } .axis { stroke: #f0eab7; stroke-width:7; } .controlpanel { display:flex; padding:1em; justify-content: space-around; } .bgbar, .bgcolumn { fill:#eef; } .-handle { fill:#000; stroke:#00f; } .vhandle { cursor:ns-resize; } .hhandle { cursor:ew-resize; } .bar, .column { stroke:#ff6767; fill: #fdb0b0; } .bar.negv, .column.negv { fill: #b0b0fd; } h4 { text-align:center; } .controlpanel svg { height:10em; display:inline-block; } .controlpanel line { stroke:#f00; stroke-width:2; } .controlpanel rect { stroke:#f00; stroke-width:2; fill:#eef; } .controlpanel .-handle { fill:#555; } .controlpanel .barlabel { font-size:32px; } .cnjtmodel th { text-align:center; } .cnjtmodel td { padding-left:1em; } .cnjtmodel tr:nth-child(2) td { text-align:center; } .cnjtmodel tr:nth-child(2) input { background: #fff2c1;border: 1px solid #aaf;border-radius: 5px;padding: 4px; font-size: 1rem; } .cnjtmodel td:nth-child(1) { padding-right:2em; } .cnjtmodel .revix { font-size:0.8rem; } .cnjtmodel .revix td { text-align:center; } #CnjtModel #button1 { color:#a87a08; } #main_panel .cnjtchoice { margin-left:0; } #main_panel .cnjtcharts .utils li { list-style: none; } #main_panel .cnjtoption ul { margin-left:0; } /* conjoint demo */ #menuicon { margin-right:0; } .divleadtext .rightpic { max-width:342px; } .listwrapperLR .divleadtext .rightpic { max-width:280px; } #showsite_style.site_1 .rightpic { max-width:45%; } .quoteabout p, .quote p, .quote { font-size: 0.9rem; } .contactus a { font-size:15px; } .feat_cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5em; gap:2em; margin:3em auto 6em auto; } .feat_box { padding:2em 1.5em; border:1px solid #eee; border-radius:6px; box-shadow: 4px 4px 8px #8884; } .feat_approach { background:#eeeeee44; padding:2em 1em 1em 1em; margin:1em calc(50% - 50vw) 4em calc(50% - 50vw); border-radius:6px; text-align:center; } .tri_list { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5em; gap:2em; margin:1em auto 3em auto; max-width:1200px; } .tri_list div { background:#fff; border:1px solid #eee; padding:1em; border-radius:6px; box-shadow: 3px 3px 8px #8884; } .why_work { max-width:960px; margin-left:auto; margin-right:auto; margin-bottom:0; } ul.flags { margin-top:2em; } @media (max-width:1240px) { .tdcl_icons, .tdcl_icons_1 { width:100%; max-width:100vw; margin-left:0em; margin-right:0em; } .articles { xmargin-left: 0em; } .hatopic .tdcltaglist { background:none; padding:0; } .controlpanel { flex-wrap:wrap; } .sectors li { min-width:10em; } .tdcl_icons_1 { font-size:0.8rem; } .articles { width:calc(100% + 4em); margin-left:-2em; max-width:100vw; } } .heroarea.hatopic { transform-style: unset; height: auto; margin-top: unset; width: 80%; margin-left: auto; margin-right: auto; } .heroarea.hatopic .tdcltaglist ul { padding-top:0; } @media (max-width:730px) { .heroarea { height:20vh; } .articles .infomenu ul .infofirst { width:12em; height:12em; font-size:0.9rem; } } @media (max-width:640px) { body,p,div { font-size:14px; } .topicsXwrapperTB .topicsXitem p { font-size: 0.8rem; } .mainarea { padding-left:8px; padding-right:8px; max-width:calc(100% -16px); } .mainarea h1 .rightpic, .mainarea h1 .leftpic { display:none; } .headingarea .infomenu ul { border-left: none; } .infomenu ul { flex-wrap: wrap; border-left: none; } .headerleft .infofirst { border-right: none; xmax-width:25%; flex-grow:1; width:33%; border: 1px solid #fff; } .headerleft .infoMARKfirst { border-right:none; border-bottom:2px solid var(--gold_line); } .headerleft .infoa { text-align:left; font-size: 0.9rem; margin-left:0.5em; } .heroarea { margin-top: 240px; height: 25vh; height:16vh; } .tdcl_before { transform-origin: center 100% 0; } .tdcl_banner h1 { margin-top:-8.5em; font-size:1.5em;} .tdcl_banner h2 { font-size:1.1em; } .headerleft h1, .headerleft h1 a { font-size:28pt; } .headerleft h2 { font-size:12.5px; } .runset { padding:0 0.5em; } .contactus a { font-size:12px; } .headingarea { xheight:220px; max-height:250px; position:unset; } .articles { width: auto; margin-left:auto; } .footer { padding:1em 0; overflow:auto; height:auto} .footermain { font-size:13px; } .tdcltaglist ul { display:grid; grid-template-columns: 1fr 1fr; } .tdcltaglist ul li { padding:8px; } #menuicon { display: none; } .tdclcontact { flex-wrap:wrap; } .heroarea.hatopic { margin-top:-2.5em; } .hatopic .tdcltaglist { display:none; } .feat_box { border:none; box-shadow:none; padding:2em 0; } .listwrapperLR .row1 td { display:block; padding-top:1rem; } .listwrapperLR h5 a { font-size:1.2rem; } .cnjtchoice li { padding:0; } #cookielaw { display:none !important; } .xquoteabout { margin-bottom:3em !important; color:#86b5ec; } .quoteabout, .quote { width:unset; float:none; } #topics-3 .divleadtext { display:none; } } .subsXwrapperTB .subsXbg1, .subsXwrapperTB .subsXbg2 { background: #fff3; border: 1px solid #ddeaff; border-radius: 0.3em; margin: 0.5em 0.5em 0.5em 0em; box-shadow: 2px 2px 10px #8883; padding:0.5em; } .subsXwrapperTB H5 { text-align:center; xpadding-top:1.5em; } .subsXwrapperTB table .subsXLogo { float:right; } @media (max-width:560px) { .divleadtext img { max-width:98%; } .mainarea .leftpic, .mainarea .rightpic { xx0309_max-width:50%; max-width:98%; width:90%; float:none; margin-left:auto; margin-right:auto; } #showsite_style.site_1 .rightpic { max-width:unset; } .news_box { display:none; } } @media (max-width:440px) { .headingarea { max-height:270px; } .heroarea { height:10em; } .cnjtchoice li { margin:2px; } } @media (min-height:800px) { .tdcl_banner { height:20vw; } } /* h1 animation */ .tdcl_banner h1 { animation: gradWaves 2s ease 0.5s; animation-fill-mode:both; } .tdcl_banner:hover h1 { transition-duration:1s; color: #ffce55; xcolor: var(--gold_line) !important; xbackground:#4d97e566; xbackground:#0f51b3aa; } @keyframes gradWaves { 0% { transform: rotateX(2deg) rotateY(0deg) rotateZ(-2deg) translateZ(-1px) translateX(400px) translateY(140px) scale(0.3); color:#1e93d611; text-shadow:none;} 30% { transform: rotateX(1deg) rotateY(0deg) rotateZ(-1deg) translateZ(-1px) translateX(200px) translateY(160px) scale(0.6); color:#1e93d633; text-shadow:none;} 85% { transform: rotateX(0deg) rotateY(0deg) translateZ(0px) scale(1.03); color:#fff; } 100% { transform: rotateX(0deg) rotateY(0deg) translateZ(0px) scale(1); color:#fff; } } .topicsXitem .divleadtext img { display:none; } .addresslist li { list-style:none; padding-bottom:0; margin-left:0.5em; } /* update 2025 */ .site_1.runset { max-width:1200px; padding:0; } #about_style { max-width:960px; } .pageblk { display:grid; grid-template-columns:33% 67%; } .site_1 h2, .site_1 h2 a { margin-top:0; xpadding-right:1em; font-size:36px; font-size:21px; font-size:28px; xfont-weight:bold; margin-bottom:1em; } #org_description .pageblk { margin-bottom:4em; } .blocks5 li { font-size:12px; } .blocks5 li a { color:#3f75b9; font-size:14px; } .heroarea h1 { font-family: "Open Sans",Arial,Helvetica,Sans-serif; font-size:2.4rem;font-size:44px; } .heroarea { text-align:center; height:35vh; min-height:220px; } .hero { width:1000px; margin:0 auto; padding-top:10px; xmax-width:calc(100% - 6em); max-width:40em; } .hero p { font-size:19px;text-shadow: 0px 0px 6px #fffc; color: #002355; } .displayarea { transform-style:flat; } .headingarea { max-height:186px; overflow:visible; } .headingarea .contactus { margin-top:-12px; animation: wobble 5s; animation-iteration-count:infinite; } .contactus:hover { transform:scale(1.08); transition:0.1s; } .pagearea { background: url(/Library/D1960x520/water_mountains_1960.webp); background-position-y: 142px; background-size: 2916px; } .heroarea h1 { color:#fff; text-shadow: 0px 0px 6px #000c; } .mainform h1 { xfloat:left; font-family: "Open Sans",Arial,Helvetica,Sans-serif; xwidth:240px; font-size:38px; xmargin-top:36px; margin-right:16px; xheight:12em; margin-left:-48px; margin-top:-8px; margin-top:0; } h3 { font-size:24px; } h2 { font-size:28px; } .mainform { display:grid; grid-template-columns:37% 63%; } #org_description, #kb_text, #kb_message { grid-column:1 / span 2; border-top:1px solid var(--gold_line); padding-top:2em; } .divleadtext::after { border-bottom:0; margin-bottom:1em; } .divleadtext .rightpic { max-width:100%; padding:0; width:100%; } .quoteabout { clear:both; margin-bottom:2em; margin-top:1em; } .site_1 .mainform, .navoff .mainform { display:block; } .site_1 #org_description { padding:0; border-top:0; padding-bottom:1em; } .runset { margin-top:-1em; padding-top:2em; } .site_1 { padding-top:0; margin-top:3em; } #about_style { margin-top:-1em; padding:2em; } @media (max-width:1200px) { .site_1.runset { max-width:calc(100vw - 3em); } .feat_cards { grid-template-columns:1fr 1fr; } .feat_cards .feat_one { grid-column: 1 / -1; display:none; } .heroarea { height:30vh; margin-top:10px; } } @media (max-width:960px) { .mainform h1 { padding-left:8px; } } @media (max-width:780px) { .mainform { display:block; } .pageblk { display:block; } .site_1 h2, .site_1 h2 a { font-size:24px; } .headerleft .h1_logo a { font-size: 28pt; } .headerleft .h2_subhead { font-size:12.8px; } .bread { margin-top:6em; } .bread a { font-size:12px; } .mainform h1 { font-size:30px; margin-left:0; padding-left:0; } .headerleft .infoa { font-size:0.9rem; } .pagearea { background-position-y: 130px; background-repeat:no-repeat; background-color:#6782a4; } .hero { padding-top:24px; } } @media (max-width:640px) { .heroarea { height:fit-content; } .heroarea h1 { font-size:1.6rem; } .hero p { font-size:16px; } .hero { padding-top:40px; max-width: 100%; padding: 1em; } .feat_cards { grid-template-columns:1fr; } .tri_list { grid-template-columns:1fr; } .site_1 h2, .site_1 h2 a { font-size:22px; } #market_research_style .articles .infomenu ul { display:flex; } } /* heroarea removal */ .heroarea { display: none; } .site_1.runset { margin-top:0; } .site_1 .mainform { padding-top:0; } .pagearea { background:#fff; } /* ----- */ @keyframes wobble { 0% { transform: rotate(0); } 82% { transform:rotate(0); } 85% { transform: rotate(-1deg); } 88% { transform: rotate(2deg); } 90% { transform: rotate(-3deg); } 93% { transform: rotate(3deg); } 96% { transform: rotate(-2deg); } 99% { transform: rotate(0); } 100% { transform: rotate(0); } }