/*----------------------------------------------------------------------------- Vitae Style Sheet version: 1.0 author: Ed Merritt -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ * {font-size: 100%; margin: 0; padding: 0; line-height: 1.5em;} body {position: relative; font: 75% Helvetica, Arial, sans-serif; color: #444; text-align: center; margin: 0 10px; padding-bottom: 20px;} h1, h2, h3, h4, h5, h6 {display: block; clear: left; margin: 0 0 0.5em 0;} h1 {margin-top: 1em;} .content h2, .content h3, .content h4, .content h5, .content h6 {margin-top: 1em;} .content .heading {margin-top: 1.5em;} p, pre, blockquote, form, fieldset, table {margin: 0 0 1em 0;} .clear {clear:both;} img {border: 0;} a {text-decoration: none;} div[class^="cols"] a[href^="http://"], a.externalLink {padding-right: 13px; background: url(../images/external.gif) right no-repeat;} body a.button {border: 1px solid #ccc; background: url(../images/white_fade.png) top repeat-x #e7e7e7; padding: 9px 12px; margin-right: 12px; text-align: center; white-space: nowrap;} body a.button:active, body a.button:hover {border: 1px solid #bbb; background-color: #ddd;} .clear {display: block; max-height: 1px; overflow: hidden; clear: left;} .print, .printRes, .printPro, .pfleft {position: absolute; display: none;} :focus { outline: none; } address { font-style: normal; } address span { display: block; } /* =Columns (Global) -----------------------------------------------------------------------------*/ .cols1 {display: block; position: relative; float: left; width: 6.25%; z-index: 30;} .cols2 {display: block; position: relative; float: left; width: 12.5%; z-index: 30;} .cols3 {display: block; position: relative; float: left; width: 18.75%; z-index: 30;} .cols4 {display: block; position: relative; float: left; width: 25%; z-index: 30;} /* one col */ .cols5 {display: block; position: relative; float: left; width: 31.25%; z-index: 30;} .cols6 {display: block; position: relative; float: left; width: 37.5%; z-index: 30;} .cols7 {display: block; position: relative; float: left; width: 43.75%; z-index: 30;} .cols8 {display: block; position: relative; float: left; width: 50%; z-index: 30;} /* two col */ .cols9 {display: block; position: relative; float: left; width: 56.25%; z-index: 30;} .cols10 {display: block; position: relative; float: left; width: 62.5%; z-index: 30;} .cols11 {display: block; position: relative; float: left; width: 68.75%; z-index: 30;} .cols12 {display: block; position: relative; float: left; width: 75%; z-index: 30;} /* three col */ .cols13 {display: block; position: relative; float: left; width: 81.25%; z-index: 30;} .cols14 {display: block; position: relative; float: left; width: 87.5%; z-index: 30;} .cols15 {display: block; position: relative; float: left; width: 93.75%; z-index: 30;} .cols16 {display: block; position: relative; float: left; width: 100%; z-index: 30;} /* four col */ .cols12 .cols12 {width: 100%;} /* three col */ .cols12 .cols11 {width: 91.666%;} .cols12 .cols10 {width: 83.333%;} .cols12 .cols9 {width: 75%;} .cols12 .cols8 {width: 66.666%;} /* two col */ .cols12 .cols7 {width: 58.333%;} .cols12 .cols6 {width: 50%;} /* 2 halves */ .cols12 .cols5 {width: 41.666%;} .cols12 .cols4 {width: 33.333%;} /* one col */ .cols12 .cols3 {width: 25%;} .cols8 .cols8 {width: 100%;} /* two col */ .cols8 .cols7 {width: 87.5%;} .cols8 .cols6 {width: 75%;} .cols8 .cols5 {width: 62.5%;} .cols8 .cols4 {width: 50%;} /* one col */ .cols8 .cols3 {width: 37.5%;} .cols6 .cols6 {width: 100%;} .cols6 .cols4 {width: 66.66%;} .cols6 .cols3 {width: 50%;} .cols4 .cols4 {width: 100%;} .cols4 .cols3 {width: 75%;} .cols3 .cols3 {width: 100%;} .col {margin: 0 0 24px 24px; border-bottom: 1px solid #fff;} /* =Colour Scheme - Researchers (Orange #f15701) -----------------------------------------------------------------------------*/ body.csRes {background: url(../images/bkg_res.gif) top repeat-x #fff;} .csRes #innerContainer {border-top: 4px solid #f15701;} .csRes #shade_tl {background: url(../images/shade_tl_res.gif) top right no-repeat;} .csRes #shade_tr {background: url(../images/shade_tr_res.gif) top left no-repeat;} .csRes #shade_bl {background: url(../images/shade_bl_res.gif) bottom left no-repeat;} .csRes #shade_br {background: url(../images/shade_br_res.gif) bottom right no-repeat;} .csRes a {color: #f15701; border-bottom: 1px solid #ccc;} .csRes a:hover {color: #000; border-bottom: 1px solid #000;} .csRes a:active {color: red; border-bottom: 1px solid #000;} .csRes .button {color: #f15701;} .csRes a:visited {color: #F68D52; border-bottom: 1px solid #e5e5e5;} .csRes .subNav ul a:visited {color: #f15701;} .csRes #footerLinks a:visited {color: #f68d52;} .csRes #search li a:visited {color: #f68d52;} .csPro a:visited {color: #4195D0; border-bottom: 1px solid #e5e5e5;} .csPro .subNav ul a:visited {color: #006ebb;} .csPro #footerLinks a:visited {color: #4195d0;} .csPro #search li a:visited {color: #4195d0;} #pNavigation a:visited {color: #555;} .box h3 a:visited {color: #fff;} .csRes .strap01 {background: url(../images/strap01_res.gif) top left no-repeat; width: 202px;} .csRes .strap02 {background: url(../images/strap02_res.gif) top left no-repeat; width: 104px;} .csRes .switch {border-top: 1px solid #ccc; float: left; margin-top: -5px; padding: 5px 0 0 0; width: 60%;} .csRes .switch p {float: left; width: 50%;} .csRes .switch a.swithImg, .csRes .switch a:hover.swithImg {float: left; display: block; width: 133px; height: 28px; background: url(../images/button_pro2.gif) top left no-repeat; text-indent: -5000px; border: none;} .csRes #pNavigation #pnCurrent a {border-bottom: 4px solid #f15701; color: #f15701; margin-bottom: 0;} .csRes #pNavigation a:hover {color: #000; border-bottom: 4px solid #f15701; margin-bottom: 0;} .csRes .homeLogin h3 {background: url(../images/white_fade_v.png) top right repeat-x #f15701;} .csRes .subNav h3 {background: url(../images/white_fade_v.png) top right repeat-x #f15701;} .csRes .subNav h3 a {border-bottom-color: #ccc;} .csRes .subNav ul a:hover {border-right: 4px solid #f15701; padding-right: 0;} .csRes .subNav ul ul a {border: none; padding: 2px 4px 2px 15px; background: url(../images/bullet_o.gif) 6px 6px no-repeat;} .csRes .subNav ul ul a:hover {background: url(../images/bullet_o.gif) 6px 6px no-repeat #cfcfcf; padding-top: 2px;} .csRes .subNav ul ul ul a {padding-left: 23px; background: url(../images/bullet_o.gif) 14px 6px no-repeat;} .csRes .subNav ul ul ul a:hover {background: url(../images/bullet_o.gif) 14px 6px no-repeat #cfcfcf; padding-top: 2px;} .csRes .subNav ul ul ul ul a {padding-left: 31px; background: url(../images/bullet_o.gif) 22px 6px no-repeat; font-size: 1.1em;} .csRes .subNav ul ul ul ul a:hover {background: url(../images/bullet_o.gif) 22px 6px no-repeat #cfcfcf; padding-top: 2px;} .csRes #search #st_2 form button {color: #f15701; border-bottom: 1px solid #ccc;} .csRes #search #st_2 form button:hover {color: #000; border-bottom: 1px solid #000;} /* =Colour Scheme - Professioanl (Blue #006ebb) -----------------------------------------------------------------------------*/ body.csPro {background: url(../images/bkg_pro.gif) top repeat-x #f0f0f0;} .csPro #innerContainer {border-top: 4px solid #006ebb;} .csPro #shade_tl {background: url(../images/shade_tl_pro.gif) top right no-repeat;} .csPro #shade_tr {background: url(../images/shade_tr_pro.gif) top left no-repeat;} .csPro #shade_bl {background: url(../images/shade_bl_pro.gif) bottom left no-repeat;} .csPro #shade_br {background: url(../images/shade_br_pro.gif) bottom right no-repeat;} .csPro a {color: #006ebb; border-bottom: 1px solid #ccc;} .csPro a:hover {color: #000; border-bottom: 1px solid #000;} .csPro .button {color: #006ebb;} .csPro .strap01 {background: url(../images/strap01b_pro.gif) top left no-repeat; width: 183px;} .csPro .strap02 {background: url(../images/strap02b_pro.gif) top left no-repeat; width: 133px;} .Home.csPro .strap02 {margin-right: 230px;} .csPro .switch {border-top: 1px solid #ccc; float: left; margin-top: -5px; padding: 5px 0 0 0; width: 60%;} .csPro .switch p {float: left; width: 50%;} .csPro .switch a.swithImg, .csPro .switch a:hover.swithImg {float: left; display: block; width: 133px; height: 28px; background: url(../images/button_res2.gif) top left no-repeat; text-indent: -5000px; border: none;} .csPro #pNavigation #pnCurrent a {border-bottom: 4px solid #006ebb; color: #006ebb; margin-bottom: 0;} .csPro #pNavigation a:hover {color: #000; border-bottom: 4px solid #006ebb; margin-bottom: 0;} .csPro .homeLogin h3 {background: url(../images/white_fade_v.png) top right repeat-x #006ebb;} .csPro .subNav h3 {background: url(../images/white_fade_v.png) top right repeat-x #006ebb;} .csPro .subNav h3 a {border-bottom-color: #ccc;} .csPro .subNav ul a:hover {border-right: 4px solid #006ebb; padding-right: 0;} .csPro .subNav ul ul a {border: none; padding: 2px 4px 2px 15px; background: url(../images/bullet_b.gif) 6px 6px no-repeat;} .csPro .subNav ul ul a:hover { background: url(../images/bullet_b.gif) 6px 6px no-repeat #cfcfcf; padding-top: 2px;} .csPro .subNav ul ul ul a {padding-left: 23px; background: url(../images/bullet_b.gif) 14px 6px no-repeat;} .csPro .subNav ul ul ul a:hover {background: url(../images/bullet_b.gif) 14px 6px no-repeat #cfcfcf; padding-top: 2px;} .csPro .subNav ul ul ul ul a {padding-left: 31px; background: url(../images/bullet_b.gif) 22px 6px no-repeat; font-size: 1.1em;} .csPro .subNav ul ul ul ul a:hover {background: url(../images/bullet_b.gif) 22px 6px no-repeat #cfcfcf; padding-top: 2px;} .csPro .box .addButton a {background-image: url(../images/arrow_b.gif);} .csPro a.miniPro {padding-top: 0; color: #f15701;} .csPro #search #st_2 form button {color: #006ebb; border-bottom: 1px solid #ccc;} .csPro #search #st_2 form button:hover {color: #000; border-bottom: 1px solid #000;} /* =Colour Scheme - Domain Home (Green #34b233) -----------------------------------------------------------------------------*/ .DomainHome #innerContainer {border-top: 4px solid #34b233;} .DomainHome a {color: #34b233; border-bottom: 1px solid #ccc;} .DomainHome a:active {color: #000; border-bottom: 1px solid #000;} .DomainHome a:visited {color: #34b233; border-bottom: 1px solid #e5e5e5;} .DomainHome #footerLinks a:visited {color: #34b233;} .DomainHome #search li a:visited {color: #34b233;} /* =Layout (Global) -----------------------------------------------------------------------------*/ #container {text-align: left; margin: 0 auto; max-width: 80em;} #innerContainer {position: relative; float: left; width: 100%; min-width: 746px; margin: 0 auto; background: url(../images/page.gif) top repeat-x #fff; margin-bottom: 2em;} #page {margin-right: 24px;} .DomainHome #innerContainer {min-width: 960px;} #shade_tl {position: absolute; top: -4px; left: -3px; width: 3px; height: 491px; z-index: 100;} #shade_tr {position: absolute; top: -4px; right: -3px; width: 3px; height: 491px; z-index: 100;} #shade_bl {position: absolute; bottom: 0; left: -3px; width: 3px; height: 491px; z-index: 99;} #shade_br {position: absolute; bottom: 0; right: -3px; width: 3px; height: 491px; z-index: 99;} #accessibility {position: absolute; text-indent: -9999px; list-style: none;} #tools {font-size: 90%; color: #777;} #tools .col {overflow: hidden; padding: 0.7em 0 0 0; background: url(../images/tools.gif) bottom repeat-x; padding-bottom: 0.7em;} #tools ul {float: left; display: inline; list-style: none; margin: 0;} #tools li {display: inline; padding: 0 0 0 1em; border-left: 1px solid #ccc; margin: 0 0 0 1em; float: left;} #tools li:first-child, #tools li.firstChild, #tools li#displayOptionContainer, #tools li#searchContainer {border-left: none; margin-left: 0;} #tools #registerTools {float: left; width: 21em;} #tools #registerTools p {float: left; margin: 0;} #tools #registerTools form select option {padding-right: 1em;} #tools #registerTools #loggedinUser {color: #666; float: left; margin-top: 0.1em;} #tools #registerTools #logout {padding: 0 0 0 1em; border-left: 1px solid #ccc; margin: 0.1em 0 0 1em; float: left;} #tools #registerTools #logout a {color: #999;} #tools #mainTools {float: right;} #tools form {margin-top: -3px; margin-bottom: 0;} #tools form#displayOptionSelector {margin-right: 1em;} #tools form fieldset {border: none; margin: 0; display: inline;} #tools form legend, #tools form#siteSearch label {display: none;} #tools form select, #tools form input {margin-top: 0;} #tools form#displayOptionSelector select option {padding-right: 1em;} #tools form#displayOptionSelector select option#doBW {background: #fff; color: #000;} #tools form#displayOptionSelector select option#doYB {background: #000; color: #FFEC00;} #tools form#displayOptionSelector select option#doBY {background: #FFEC00; color: #000;} #tools form#displayOptionSelector label {padding: 0 0.4em 0 1em; border-left: 1px solid #ccc;} #tools form#displayOptionSelector label a {font-weight: bold;} #tools form#siteSearch p {margin: 0;} .sButton, #sButton {background: url(../images/search.gif) left top no-repeat transparent; border: none; cursor: pointer; padding-left: 13px; text-transform: uppercase; font-size: 90%; margin-left: 5px;} .sButton p, #sButton p {float: none; font: 100% Helvetica, Arial, sans-serif; color: #777;} .sButton:hover p, #sButton:hover p {color: #000;} .sButton {background: url(../images/search.gif) left no-repeat transparent; border: none; cursor: pointer; padding: 2px 0 2px 13px; text-transform: uppercase; float: none; font: 90%/1 Helvetica, Arial, sans-serif; color: #777; margin-left: 5px;} .sButton:hover {color: #000;} #branding {min-width: 210px;} #branding .col {min-height: 116px; position: relative;} #branding h1, #branding h2 {position: absolute; top: 0; left: 0; display: block; width: 210px; height: 116px; border-bottom: none;} #branding .headerbox {margin: 0 0 0 210px; padding: 0 24px;} #branding h1 a, #branding h2 a {display: block; width: 100%; height: 116px; background: url(../images/logo_vitae2.gif) top left no-repeat; text-indent: -5000px; border: none;} #branding h1 a:focus, #branding h2 a:focus {outline: none;} .strap01, .strap02 {display: block; float: left; height: 40px; text-indent: -5000px;} #branding .headerbox p {clear: left; color: #888; line-height: 1.5em; width: 60%;} .switch {float: right; display: block; font-size: 90%; line-height: 1.5em; margin-top: 9px;} .switch .col {border-left: 1px solid #ccc; padding-left: 12px;} .switch p {color: #888; text-transform: lowercase;} #branding h1, #branding h2, #branding h3 {margin-top: 0;} #proHome #branding {background-position: 100% 20px; background-repeat: no-repeat; padding-top: 14px;} #proHome #branding .col {border: none;} #proHome #tools .col {margin-bottom: 0;} .csRes #branding {background-position: 100% 20px; background-repeat: no-repeat; padding-top: 14px;} .csRes #branding .col {border: none;} .csRes #tools .col {margin-bottom: 0;} .csPro #branding {background-position: 100% 20px; background-repeat: no-repeat; padding-top: 14px;} .csPro #branding .col {border: none;} .csPro #tools .col {margin-bottom: 0;} /* =Typography (Global) -----------------------------------------------------------------------------*/ h1 {width: 100%; border-bottom: 1px solid #d3d3d0; font: 2.2em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.04em; color: #333; padding-bottom: 0.2em;} h2 {width: 100%; font: 1.8em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.03em; color: #333; padding-bottom: 0.2em;} h3 {width: 100%; font: 1.6em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.02em; color: #333; padding-bottom: 0.2em;} h4 {width: 100%; font: 1.45em Tahoma, Helvetica, Arial, sans-serif; color: #333; padding-bottom: 0.2em;} h5 {width: 100%; font: 1.3em Tahoma, Helvetica, Arial, sans-serif; color: #333; padding-bottom: 0.2em;} h6 {width: 100%; font: 1.2em Tahoma, Helvetica, Arial, sans-serif; color: #333; padding-bottom: 0.2em;} .heading {position: relative; z-index: 2; border-top: 2px solid #4ab848; border-bottom: 1px solid #d3d3d0; padding: 0.3em 0 0.4em 0; margin: 0 0 1ex 0;} .heading-a {margin: 0 0 1ex; border-bottom: 1px solid #d3d3d0; } .searchTerm {color: #4ab848} .margin { padding-bottom: 1em !important; } /* .cols12 .cols12 .heading {font-size: 1.8em;} .cols12 .cols11 .heading {font-size: 1.8em;} .cols12 .cols10 .heading {font-size: 1.8em;} .cols12 .cols9 .heading {font-size: 1.8em;} .cols12 .cols8 .heading {font-size: 1.8em;} .cols12 .cols7 .heading {font-size: 1.5em;} .cols12 .cols6 .heading {font-size: 1.5em;} .cols12 .cols5 .heading {font-size: 1.2em;} .cols12 .cols4 .heading {font-size: 1.2em;} .cols12 .cols3 .heading {font-size: 1.2em;} */ .intropara {font-size: 1.3em;} q {font-style: italic; quotes:"\201C" "\201D" "\2018" "\2019";} q:before {content:open-quote;} q:after {content:close-quote;} abbr, acronym {border-bottom: 1px dotted #888;} blockquote {border: 1px solid #e7e7e7; padding: 12px 2em; font-family: "Times New Roman", Times, serif; font-size: 1.3em; font-style: normal; background: #f8f8f8;} .bqstart {float: left; margin: -0.35em 0 0pt -0.48em; height: 1em; overflow: hidden; font-size: 700%; color: #b7e0b4; font-style: normal;} .bqend {float: right; margin: -0.52em -0.48em 0pt -0.1em; height: 1em; overflow: hidden; font-size: 700%; color: #b7e0b4; font-style: normal;} blockquote[cite]:after {content: attr(cite); border-top: 1px dotted #e7e7e7; padding-top: 0.25em; display: block; clear: left; font: 80% normal Helvetica, Arial, sans-serif; margin-top: 1em; color: #888; padding-top: 0.5em;} blockquote + cite {display: block; text-align: right; font-size: 95%; color: #888; margin: -0.5em 0 1em 0; font-style: normal;} blockquote + cite a {font-style: normal;} .box blockquote {padding: 0 1.5em; font: bold 1.1em Helvetica, Arial, sans-serif; font-style: normal; border: none; background: transparent; color: #4ab848;} .box .bqstart {float: left; margin: -0.25em 0 0pt -0.48em; height: 0.6em; overflow: hidden; font-size: 300%; color: #b7e0b4; font-style: normal;} .box .bqend {float: right; margin: -0.7em -0.48em 0pt -0.1em; height: 0.6em; overflow: hidden; font-size: 300%; color: #b7e0b4; font-style: normal;} ul {margin: 0 0 1em 16px;} ol {margin: 0 0 1em 20px;} ul ul {margin: 0 0 0 16px;} ul ol {margin: 0 0 0 20px;} ol ul {margin: 0 0 0 16px;} ol ol {margin: 0 0 0 20px;} .rsList {list-style: none; margin-left: 0;} .rsList li {padding-left: 12px; background: url(../images/bullet_g.gif) left 5px no-repeat;} .rsList a, .rsList a:visited {border-bottom: none;} #footerLinks .rsList a {border-bottom: 1px solid #f9f9f8;} ul.flat { list-style: none; margin: 0; padding: 0; } .sectionList {display: block; z-index: 30; list-style: none; margin: -1.8em 0 0 0;} .sectionList li {border-bottom: 1px solid #ccc; padding: 5px 0;} .sectionList a {display: block; padding: 5px; border: none;} .sectionList a:hover {background: #f2f2f2; border: none;} .sectionList img {float: left; margin: 0 12px 0 0;} .sectionList span {color: #444;} .sectionList strong {font-size: 125%; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: normal;} .imgRight, img[align="right"] {float: right; margin: 0 0 1em 1em;} .imgLeft, img[align="left"] {float: left; margin: 0 1em 1em 0;} img, .imgLeft {margin: 0 1em 1em 0;} div.imgRight p {background: #ddd; padding: 5px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;} div.imgLeft p {margin: 1px 0 0 0; background: #ddd; padding: 5px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;} div.imgRight img, div.imgLeft img {margin: 0 0 0.4em 0; border-bottom: 1px solid #fff; } dl.list-00 {} dl.list-00 dd { margin: 0 0 0 1ex; padding: 0 0 0 1ex; border-left: 2px solid #D3D3D0; } dl.list-00 dd h6 { margin-top: 0; color: #4AB848; } p.indent, div.indent { padding: 0 0 0 1ex; border-left: 1px solid #D3D3D0; } a.top { padding-left: 13px; border: none; background: transparent url(../images/bullet_b.png) no-repeat 0 4px; font-size: 1.1ex; letter-spacing: normal; } a.top:hover { border: none !important; background-position: 0 -139px; } a.top:visited { border: none; } dl.navigation { padding: 0 !important; border: none; background: transparent !important; } dl.navigation dt { border: none; color: #000; font-size: 1.1em; } dl.navigation dd { border: none; } dl.navigation a { padding-left: 13px; border: none; background: transparent url(../images/bullet_a.png) no-repeat 0 5px; } dl.navigation a:hover { border: none; background-position: 0 -138px; } dl.navigation a:visited { border: none; } /* =Branding -----------------------------------------------------------------------------*/ /* =Main Nav -----------------------------------------------------------------------------*/ #pNavigation .col {border-top: 2px solid #f5f5f5; margin-bottom: 8px;} #pNavigation h3 {display: none;} #pNavigation { z-index: 5; } #pNavigation ul {border-top: 1px solid #ccc; background: url(../images/nav_bottom.gif) bottom repeat-x; padding-bottom: 23px; overflow: auto; margin: 0 134px 0 0;} #pNavigation li {float: left; display: inline; padding-right: 1px; background: url(../images/nav_div.gif) right no-repeat;} #pNavigation li:last-child, #pNavigation li.lastChild {padding-right: 0; background: none; margin-right: 13px; background: none;} #pNavigation a {float: left; display: block; padding: 12px 0.75em; margin-bottom: 4px; border: none; color: #555; font: 1em Tahoma, Helvetica, Arial, sans-serif; white-space: nowrap;} /* =Sub Nav -----------------------------------------------------------------------------*/ .box {width: 100%; clear: left; background: url(../images/box.gif) top right no-repeat; border-bottom: 1px solid #d0d0d0; margin-bottom: 24px;} .box:last-child {margin-bottom: 0;} .boxInner {background: #fff; padding: 11px; background: url(../images/box.gif) top left no-repeat;} .box h3 {position: relative; width: 100%; background: url(../images/white_fade.png) top repeat-x #4ab848; color: #fff; padding: 6px 0; margin: 0; font-size: 1em; font-weight: bold; letter-spacing: 0; border-bottom: 1px solid #fff;} .box h3 .titlePad {display: block; padding: 0 20px 0 10px;} .box h3 a {color: #fff; border-color: #91db7c; padding-right: 0 !important; background: none !important;} .box h3 a:hover {color: #fff; border-color: #fff;} .box h3 .rss, .heading .rss {position: absolute; top: 7px; right: 2px; width: 13px; height: 13px; background: url(../images/rss.png) top left no-repeat !important; border: none; margin: 1px 6px 0 0; padding-right: 0 !important; text-indent: -5000px;} .box h3 .rss:hover, .heading .rss:hover {border: none;} .box h3 .subscribe, .heading .subscribe {position: absolute; top: 7px; right: 18px; width: 13px; height: 13px; background: url(../images/subscribe.png) top left no-repeat; border: none; margin: 1px 6px 0 0; text-indent: -5000px;} .box h3 .subscribe:hover, .heading .subscribe:hover {border: none;} .heading .rss {top: 10px; right: 0; background-image: url(../images/rss2.gif);} .heading .subscribe {top: 10px; right: 20px; background-image: url(../images/subscribe2.gif);} .heading a.top {position: absolute; right: .5ex; top: 2ex;} .box .addButton {text-align: right; display: block; background: #ebebe9; margin: 0; border: 1px solid #e1e1e1; border-bottom: 0; padding: 3px 0;} .box .addButton a {padding: 0 20px 0 0; background: url(../images/arrow_o.gif) right no-repeat; color: #666; margin-right: 6px; border: none;} .box .addButton a:hover {color: #000;} .subList {list-style: none; margin-left: 0;} .subList li {margin-bottom: 4px;} .subListRss a {background: url(../images/subListRss.gif) left no-repeat; margin: 0 0 5px; padding: 0 0 2px 20px; border: none;} .subListEmail a {background: url(../images/subListEmail.gif) left no-repeat; margin: 0 0 5px; padding: 0 0 2px 20px; border: none;} .subListRss a:hover, .subListEmail a:hover {border: none;} .proLink {float: left; background: url(../images/white_fade.png) top repeat-x #f4f4f4; border: none;} .proLink a {display: block; background: url(../images/proLink.gif) bottom left no-repeat; padding: 12px 12px 48px 12px; border: none; color: #444; border: 1px solid #ddd;} .proLink a:hover {border: none; color: #222; border: 1px solid #ccc;} .proLink span {display: none;} .resLink {float: left; background: url(../images/white_fade.png) top repeat-x #f4f4f4; border: none;} .resLink a {display: block; background: url(../images/resLink.gif) bottom left no-repeat; padding: 12px 12px 48px 12px; border: none; color: #444; border: 1px solid #ddd;} .resLink a:hover {border: none; color: #222; border: 1px solid #ccc;} .resLink span {display: none;} .subNav .boxInner {padding: 2px 2px 1px 2px;} .subNav ul {list-style: none; margin: 0;} .subNav li {margin: 0;} .subNav .boxInner a {display: block; padding: 4px 3px 4px 9px; margin: 0 0 1px 0;} .subNav ul ul ul {font-size: 90%;} .subNav ul a {border: 1px solid #d0cccb; background: url(../images/nav_hover.gif) top repeat-x;} .subNav ul a:visited {border-bottom: none;} .subNav ul a:hover {background-position: 0 -100px; border-color: #afafaf; border-top: 0; padding-top: 5px;} .subNav ul ul a:hover {border: none;} .subNav #sCurrent {color: #000 !important;} .subNav .subcurrent {color: #000 !important;} .subNav #subcurrentactive {color: #000; font-weight: bold;} .box-a { margin: 0 0 24px; padding: 10px 10px 15px; border: 2px solid #4AB848; } .box-a h3 { width: auto; margin: 0; font-size: 1.4em; } .box-a-logged h3 { padding-right: 20px; background: transparent url("../images/icon_lock.png") no-repeat 100% 50%; } .box-a p { margin: 0; font-size: 1em; } .dashboard ul { list-style: none; margin: 0; padding: 0 1em; } .dashboard ul li { padding: 0 0 1em; } .dashboard ul li a { border: none; color: #000; font-weight: 700; } /* =Main Content -----------------------------------------------------------------------------*/ #pageInfo {width: 100%; border-top: 2px solid #4ab848;} #pageInfo h3 {display: none;} #pageInfo ul {list-style: none; margin: 0.2em 0 1.7em 0;} #pageInfo li {display: inline; padding: 0 18px 0 0; font-size: 90%; background: url(../images/breadcrumbs.gif) right no-repeat; } #pageInfo a {color: #888;} #pageInfo #bCurrent {color: #4ab848; font-weight: bold; background: none;} .pageInfo2 {margin-top: -23px; border: 0 !important; margin-bottom: -10px;} /* =Secondary Content -----------------------------------------------------------------------------*/ /* =Footer -----------------------------------------------------------------------------*/ #footer {display: block;} #footer .cols16 {float: left; display: block; clear: left; background: url(../images/footer.gif) bottom repeat-x #fff; padding: 1.4em 24px 0.9em 0;} #footerLinks .cols16 {float: left; display: block; clear: left; border-top: 1px solid #efefef; border-bottom: 1px solid #e3e3e3; background: url(../images/footerlinks.gif) bottom repeat-x #f9f9f8; padding: 1em 24px 0 0;} #footerLinks h6 {font-size: 1em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #666;} #footerLinks .col {border-bottom: 1px solid #f9f9f8;} #footer ul {display: block; width: auto; list-style: none; position: relative; top: 0.23em; font-size: 95%; z-index: 100;} #footer li {display: inline; padding: 0 0 0 1em; border-left: 1px solid #ccc; margin: 0 0 0 1em;} #footer li:first-child, #footer li.firstChild {border-left: none; margin-left: 0;} #footer #hsLink {position: absolute; top: 0; right: 12px; border: none;} #footer #hsLink a {color: #777; border: none;} #footer #hsLink a:hover {color: #000;} #copyright {padding: 2px 0 0 24px; float: left; position: relative; top: 2px;} /* =Tables -----------------------------------------------------------------------------*/ table {display: table; border-spacing: 0; border-collapse: collapse; border: 1px solid #e5e5e5; border-right: 0; border-bottom: 0;} th {display: table-cell; background: url(../images/white_fade.png) top repeat-x #eee; padding: 8px 3px; color: #000; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #d5d5d5;} td {display: table-cell; text-align: left; font-weight: normal; padding: 2px 3px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} table.activeFormAssociations { width: 100%; zoom: 1;} table.activeFormAssociations form { margin: 0; } table.activeFormAssociations .btn { padding: 2px 3px; } /* =Events Module -----------------------------------------------------------------------------*/ .mEvents .boxInner {padding: 5px;} .mEvents li .summary {font-size: 100%; font-family: Helvetica, Arial, sans-serif;} .mEvents li span {font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;} .mEvents ul, .mEvents p {margin: 0;} .mEvents li .location {color: #666;} .mEvents li .dateTime {color: #999;} .mEvents li .dateTime abbr {border: none; color: #888;} .mEvents li {padding: 0; background: none;} .mEvents li a {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;} .mEvents li a:hover {border: none; background-color: #f2f2f2;} /* =News Module -----------------------------------------------------------------------------*/ .mNews .boxInner {padding: 5px;} .hfeed .entry-content {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;} .mNews .domain {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;} .newsList .domain {font-size: 80%; color: #666; letter-spacing: normal;} .hfeed, .hfeed p {margin: 0;} .mNews li {padding: 0; background: none;} .mNews li a, .mNews li a[href^="http://"] {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;} .mNews li a:hover {border: none; background-color: #f2f2f2;} .mNews li a[href^="http://"] .entry-title {display: block; margin: 0 0 -1.3em 0; padding-right: 13px; background: url(../images/external.gif) top right no-repeat;} .mNews .description, .mNews .disclaimer {padding: 5px 8px 0 8px;} .mNews .disclaimer {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #888;} .extfeedcontainer .disclaimer {padding-top: 10px; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #888;} .mNews .disclaimer a, .extfeedcontainer .disclaimer a {color: #666; border-bottom-color: #888;} .mNews li .byline abbr {border: none; color: #888; font-size: 95%; font-family: Tahoma, Helvetica, Arial, sans-serif;} .extfeedcontainer .description.loading {display: none;} .has_js .extfeedcontainer .description.loading {width: 100%; height: 19px; display: block; overflow: hidden; padding: 0; text-indent: -5000em; background: url(../images/loading.gif) center top no-repeat;} .padTitle {padding: 6px 6px 0 6px; margin-bottom: 0.6em;} /* =Links Module -----------------------------------------------------------------------------*/ .mLinks .boxInner {padding: 5px;} .mLinks .description {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;} .mLinks ul, .mLinks p {margin: 0;} .mLinks li {padding: 0; background: none;} .mLinks li a {display: block; padding: 5px 5px 5px 15px; background: url(../images/bullet_g.gif) 6px 10px no-repeat;} .mLinks li a:hover {border: none; background-color: #f2f2f2;} /* =Downloads Module -----------------------------------------------------------------------------*/ .mDownload .boxInner {padding: 5px;} .mDownload ul, .mDownload li:last-child p {margin-bottom: 0;} .mDownload .dwnDecsription, .mDownload .dwnSize, .mDownload .dwnType, .inlineDwn .dwnDecsription, .inlineDwn .dwnSize, .inlineDwn .dwnType, .newsList .dwnSize, .newsList .dwnType {font-size: 95%; color: #666; font-family: Tahoma, Helvetica, Arial, sans-serif;} .mDownload .dwnSize, .mDownload .dwnType, .inlineDwn .dwnSize, .inlineDwn .dwnType {color: #888;} .mDownload ul, .mDownload p {margin: 0;} .mDownload li {padding: 0; background: none;} .mDownload .rsList li a:hover {border: none; background-color: #f2f2f2;} .mDownload .rsList li a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwn.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnDoc a, .inlineDwn .dwnDoc a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwnDoc.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnPdf a, .inlineDwn .dwnPdf a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwnPdf.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnPow a, .inlineDwn .dwnPow a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwnPow.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnImg a, .inlineDwn .dwnImg a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwnImg.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnExc a, .inlineDwn .dwnExc a {display: block; padding: 5px 5px 5px 26px; background: url(../images/dwnExc.gif) 6px 5px no-repeat;} .mDownload .rsList .dwnExt a, .inlineDwn .dwnExt a {display: block; padding: 5px 5px 5px 26px; background: url(../images/external.gif) -5px 3px no-repeat;} .inlineDwn {margin: 1em 0 2em 0; list-style: none; border-bottom: 1px solid #ddd;} .inlineDwn li {margin: 0; padding: 1px 0; border-top: 1px solid #ddd;} .inlineDwn li p {margin: 0;} .inlineDwn li a, .inlineDwn li a:visited {margin: 0; border: 0;} .inlineDwn li a:hover {border: none !important; border: 0 !important; background-color: #f2f2f2;} /* =Featured Module -----------------------------------------------------------------------------*/ .mFeatured .boxInner {padding: 10px 10px 0 0;} .mFeatured ul {} .mFeatured ul li {background-image: none;} .mFeatured ul li span {display: block;} .mFeatured ul li .title {display: block; font-weight: bold; padding: 0 0 5px 0;} .csRes .mFeatured ul li .title {color: #f15701;} .csPro .mFeatured ul li .title {color: #006ebb;} .mFeatured ul li .description {padding: 0 0 5px 0;} .mFeatured ul li .moreInfo {padding: 0 0 5px 0;} /* =Cross site navigation -----------------------------------------------------------------------------*/ #crossSiteNav {margin: 15px -5px 0 -4px; height: 114px;} #crossSiteNav li {display: inline; width: 25%; float: left; list-style: none; background: url(../images/section_nav_back_l.gif) no-repeat; vertical-align: baseline !important;} #crossSiteNav li .sectionFeature {position: absolute; left: 20px; top: 67px; width: 96.2%; overflow: hidden; z-index: 8; opacity: 0.0; margin: 0 4px; background: #494949 url(../images/section_promo_back.gif) repeat-x bottom;} #crossSiteNav li.active .sectionFeature {z-index: 10; opacity: 1.0;} #crossSiteNav li.last-active .sectionFeature {z-index: 9;} #crossSiteNav li .sectionTitle {position: relative; z-index: 11; width: auto; margin: 0 4px; padding: 7px 3px; font: 1em Tahoma, Helvetica, Arial, sans-serif; background: url(../images/section_nav_back.gif) repeat-x;} #crossSiteNav li div.sectionTitle {font-size: 1.1em;} #crossSiteNav li .sectionTitle .rightBorder {position: absolute; top: 0; right: -4px; display: block; width: 4px; height: 51px; background: url(../images/section_nav_back_r.gif) no-repeat;} #crossSiteNav li .sectionTitle .container {display: block; min-height: 51px; padding: 0.1em 0.5em; line-height: 1.1em; letter-spacing: 0; border: none; text-decoration: none; text-transform: lowercase; font-size: 0.9em; color: #006ebb; border-top: 3px solid #006ebb; background-image: none;} #crossSiteNav li#csn1 .sectionTitle .container {color: #f15701; border-top-color: #f15701;} #crossSiteNav li.active .sectionTitle {background-color: #006ebb; background-image: url(../images/section_nav_back_hover_b.gif);} #crossSiteNav li.active .sectionTitle .container {font-size: 1.4em; color: #fff !important; border-top-color: #fff !important;} #crossSiteNav li.last-active .sectionTitle {background: transparent url(../images/section_nav_back.gif) repeat-x !important;} #crossSiteNav li.last-active .sectionTitle .container {font-size: 1.2em !important; color: #006ebb !important; border-top-color: #006ebb !important;} #crossSiteNav li#csn1.active .sectionTitle {background-color: #f15701; background-image: url(../images/section_nav_back_hover_o.gif);} #crossSiteNav li#csn1.last-active .sectionTitle .container {color: #f15701 !important; border-top-color: #f15701 !important;} #crossSiteNav li .sectionTitle .strapline {display: none;} #crossSiteNav li .sectionTitle.hover {background: #dadada url(../images/section_nav_back_hover.gif) repeat-x; border: 1px solid #fff;} #crossSiteNav li .sectionTitle.hover .strapline {display: block; margin-top: 0.8em; font: 0.9em Helvetica, Arial, sans-serif; color: #444;} #crossSiteNav li.active .sectionTitle .strapline {display: block; margin-top: 0.3em; font: 0.65em Helvetica, Arial, sans-serif;} #crossSiteNav li.active .sectionTitle .arrow {position: absolute; z-index: 12; bottom: -10px; left: 7px; display: block; width: 19px; height: 10px; background: url(../images/CrossSiteNavArrow_b.gif) no-repeat;} #crossSiteNav li#csn1.active .sectionTitle .arrow {background-image: url(../images/CrossSiteNavArrow_o.gif);} #crossSiteNav li.last-active .sectionTitle .arrow {background: none !important;} #crossSiteNav li .sectionFeature h3 {width: auto; margin: 0; padding: 0.5em 1em; line-height: 1em; text-transform: lowercase; font-size: 2.3em; color: #fff; background: #222322 url(../images/section_feature_strap_back.gif) repeat-x;} .has_js #crossSiteNav li .sectionFeature h3 {font-size: 2.4em; font-weight: bold;} #crossSiteNav li h3.hover, #crossSiteNav li img.hover {cursor: pointer;} #crossSiteNav li .sectionFeature img {display: block; margin: 0;} #crossSiteNav li .sectionFeature .sectionPromo {margin: 0; padding: 1em 2em 0.5em 2em; color: #fff;} #crossSiteNav li .sectionFeature .sectionPromo li {width: auto; float: none; background: none;} #crossSiteNav li .sectionFeature .sectionPromo li h4 {margin: 0; padding-bottom: 0.1em; color: #fff;} #crossSiteNav li .sectionFeature .sectionPromo li a {color: #d0d0d0;} #crossSiteNav li .sectionFeature .sectionPromo li a:hover {color: #fff; border-bottom-color: #fff;} .DomainHome.has_js #crossSiteNav {min-height: 580px; height: 47em; margin-top: 2.1em;} .DomainHome #crossSiteNav li .sectionTitle {z-index: auto;} .DomainHome #crossSiteNav li .sectionTitle .rightBorder {height: 71px;} .DomainHome.has_js #crossSiteNav li .sectionTitle .container {height: 5.5em; font-size: 1.2em;} .DomainHome #crossSiteNav li.active .sectionTitle .arrow {top: 5.9em; bottom: auto;} .DomainHome #crossSiteNav li .sectionFeature img {padding-left: 13px;} .DomainHome #crossSiteNav {height: auto;} .DomainHome #crossSiteNav li {display: block; float: none; width: auto; margin-bottom: 3em;} .DomainHome #crossSiteNav li .sectionFeature {position: static; left: 0; top: 0; width: auto; opacity: 1.0;} .DomainHome #crossSiteNav li .sectionTitle .container {font-size: 1.2em;} .DomainHome.has_js #crossSiteNav li {display: inline; width: 25%; float: left; margin-bottom: 0;} .DomainHome.has_js #crossSiteNav li .sectionFeature {position: absolute; left: 20px; top: 8em; width: 96.7%; opacity: 0.0;} .DomainHome.has_js #crossSiteNav li.active .sectionFeature {opacity: 1.0;} /* =Homepage -----------------------------------------------------------------------------*/ a.feature {display: block; padding-top: 180px; border: 0; background-position: 50% 0; background-repeat: no-repeat;} a.feature:hover {border: 0;} .feature span {display: block; background: url(../images/white_fade.png) top repeat-x #4ab848; color: #c7ffa1; padding: 12px; border-top: 1px solid #fff;} a.feature:hover span {color: #fff; text-decoration: none;} a.feature:hover strong {text-decoration: underline;} .feature strong {display: block; color: #fff; font: 1.3em Tahoma, Helvetica, Arial, sans-serif; margin-bottom: -0.3em; font-weight: normal;} .feature em {display: block; color: #fff; font-size: 80%; text-transform: uppercase; font-style: normal; margin-top: 0.5em;} a.newsFeature {padding-top: 0;} a.newsFeature img {float: left; margin: 0 12px 0 0; border: 3px solid #fff;} a.newsFeature strong {margin-right: 7em; color: #fff; font-size: 160%;} a.newsFeature em {float: right; margin-top: -2.5em; font: 90% Tahoma, Helvetica, Arial, sans-serif; text-transform: none; color: #c7ffa1;} a.newsFeature span {color: #e1ffcd; float: left; margin-bottom: 1.5em;} a.eventsFeature {padding-top: 0;} a.eventsFeature img {float: left; margin: 0 12px 0 0; border: 3px solid #fff;} a.eventsFeature strong {color: #fff; font-size: 160%;} a.eventsFeature em {margin: 0 0 12px 0; font: 90% Tahoma, Helvetica, Arial, sans-serif; text-transform: none; color: #c7ffa1;} a.eventsFeature em.pInfo2 {float: right;} a.eventsFeature span {color: #e1ffcd; float: left; margin-bottom: 1.5em;} .DownloadListing .eventsFeature span {float: none;} a.eventsFeature.dwnDoc strong {display: block; text-indent: 26px; background: url(../images/dwnDoc.gif) 0 4px no-repeat;} a.eventsFeature.dwnPdf strong {display: block; text-indent: 26px; background: url(../images/dwnPdf.gif) 0 4px no-repeat;} a.eventsFeature.dwnPow strong {display: block; text-indent: 26px; background: url(../images/dwnPow.gif) 0 4px no-repeat;} a.eventsFeature.dwnImg strong {display: block; text-indent: 26px; background: url(../images/dwnImg.gif) 0 4px no-repeat;} a.eventsFeature.dwnExc strong {display: block; text-indent: 26px; background: url(../images/dwnExc.gif) 0 4px no-repeat;} a.eventsFeature.dwnExt strong {display: block; text-indent: 26px; background: url(../images/external.gif) -5px 3px no-repeat;} a.miniFeature {display: block; padding-top: 80px; border: 0; background-position: 50% 0; background-repeat: no-repeat;} .DomainHome .miniFeature {font-weight: bold;} .DomainHome .miniFeature img {display: block;} a.miniFeature:hover {border: 0;} a.miniFeature:hover em {color: #444;} .miniFeature span {display: block; padding: 6px 0; border-bottom: 1px solid #ccc;} a.miniFeature:hover strong {text-decoration: underline;} .miniFeature strong {display: block; font-size: 1.1em; font-weight: normal; margin-bottom: -0.8em;} .miniFeature em {color: #666; font-style: normal;} .coloured a.miniFeature span {background: url(../images/white_fade.png) 0 0 repeat-x; padding: 5px 10px; border-top: 1px solid #fff;} .csPro .coloured a.miniFeature span {background-color: #006ebb;} .csRes .coloured a.miniFeature span {background-color: #f15701;} .coloured a.miniFeature span strong {color: #fff; font-weight: bold;} .coloured a.miniFeature span em {color: #fff;} .coloured a.miniFeature span em.moreInfo {display: block; text-transform: uppercase; font-size: 85%; padding: 3px 0} .coloured a:hover.miniFeature span em.moreInfo {text-decoration: underline;} .coloured a:hover.miniFeature span strong {text-decoration: none;} a.miniPro {padding-top: 0; color: #006ebb;} a.miniPro span.miniProBorder {display: block; height: 80px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; padding: 0;} .homeLogos {position: relative; color: #888;} .homeLogos .col {padding-top: 24px;} .homeLogos a {color: #444; border: none; text-indent: -9999px;} .homeLogos a:hover {border-bottom: 1px solid #ccc;} #logosCrac {position: absolute; top: 23px; right: 40px; display: block; width: 112px; height: 50px; background: url(../images/logosCrac.gif) top left no-repeat; border: none;} #logosRcuk {position: absolute; top: 23px; right: 162px; display: block; width: 55px; height: 50px; background: url(../images/logosRcuk.gif) top left no-repeat; border: none;} .homeLogin .button + .homeLogin .button {margin-right: 0;} /* =Sitemap -----------------------------------------------------------------------------*/ .sitemap {display: block; width: 100%; margin: 3em 0 0 0;} .sitemap li {list-style: none; margin-bottom: 1em;} .sitemap li li {list-style: disc; margin-bottom: 0.2em;} .sitemap li li li {list-style: circle; margin: 0;} .sitemap li a, .sitemap li a:visited {display: block; width: 100%; font-size: 1.5em; margin-bottom: 1em; border-bottom: 1px solid #ccc; color: #444 !important;} .sitemap li a:hover {border-bottom: 1px solid #ccc; color: #f15701 !important;} .sitemap li li a, .sitemap li li a:visited {display: block; font-weight: bold; font-size: 1em; background: none; margin: 0; border: none;} .sitemap li li a:hover {border: none;} .sitemap li li li a, .sitemap li li li a:visited {font-size: 0.95em; font-weight: normal; color: #666 !important;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opera 7 */ form {margin-bottom: 2em;} form.miniForm {margin: 0; display: block; width: 100%;} form.miniForm fieldset {margin: 0;} form.miniForm dt {margin: 0.4em 0 0 0;} fieldset {position: relative; margin: 4em 0 1em 0; padding: 0; border: none; } #search fieldset {margin: 0;} legend {position: absolute; font: 1.4em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: -0.02em; color: #333; padding-bottom: 0.2em; margin: -2em 0 0.3em 0;} .cols12 .cols8 .wideFields dd, .cols12 .wideFields dd, .cols8 .wideFields dd {width: 100% !important;} textarea {height: 6em;} .cols12 .cols8 .wideFields dd textarea, .cols12 .wideFields dd textarea {height: 12em;} .field, .fText, textarea, select {background: #fff; border: 1px solid #9a9a9a; border-bottom-color: #d5d5d5; border-right-color: #d5d5d5; font: 100% Helvetica, Arial, sans-serif; color: #333; padding: 0.2em; margin-top: 0.5em;} .field:focus, .fText:focus {border: 1px solid #666; border-bottom-color: #ddd; border-right-color: #ddd;} #errorMessage, #success {display: block; border: 1px dotted #ccc; padding: 12px 12px 0 12px; margin-bottom: 1em;} #errorMessage {border-color: #CC0000; background: #ffe2d6;} #success {border-color: #009900; background: #e8ffc8;} #errorMessage h3 {color: #CC0000; margin-top: 0;} #success h3 {color: #009900; margin-top: 0;} .formCols {float: left; display: block; width: 100%;} .formColsFix {overflow: hidden; float: none; width: auto;} .formColsFix dt {width: 33% !important;} .formColsFix dd {width: 66% !important;} fieldset .formCols { border-top: 1px solid #ddd;} fieldset p {font: 90% Tahoma, Arial, Helvetica, sans-serif; color: #555;} .formCols dt {float: left; display: block; width: 48%; padding: 0.4em 2% 0.4em 0;} .formCols dt span {display: none;} .formCols dt.required span {color: #cc0000; display: inline; font-weight: bold;} .formCols dd {float: left; display: block; width: 50%; padding: 0.4em 0 0.4em 0;} .cols12 .formCols dt {width: 31.33%} .cols12 .formCols dd {width: 66.66%} .cols12 .cols8 .formCols dt {width: 48%} .cols12 .cols8 .formCols dd {width: 50%} .formCols dd.formError, .cols12 .formCols dd.formError {display: block; width: 98%; background: #ffe2d6; padding: 0.4em 1% 0.4em 1%; border-top: 2px solid #fff; color: #CC0000;} .error dt, span.error {color: #CC0000;} .error .fText, .error textarea, .error select {border: 1px solid #CC0000;} .mForm .fText, .mForm textarea, .mForm select {width: 97%; margin: 0; } .cols12 .mForm .fText, .cols12 .mForm textarea {width: 98.5%;} .mForm select {width: 99.7%;} .mForm .fCheck {} .fMulticheck {position: relative; top: 2px; margin: 0 5px 0 0;} .fRadio {position: relative; top: 1px; margin: 0 5px 0 0;} a.btn {color: #000;} .btn {border: 1px solid #ccc; background: url(../images/white_fade.png) top repeat-x #e7e7e7; padding: 9px 12px; text-align: center; white-space: nowrap; cursor: pointer; font-size: 95%;} .btn + .btn {margin-left: 12px;} .btn:hover, a.btn:hover {background-color: #ddd;} #fsubmit dt {display: none;} #fsubmit dd {width: 100%;} form.addNew { text-align: right; } form.addNew input.btn { margin-right: 0; } #rsBottom { border-top: 1px solid #ccc; } /* =Forms (in a box) -----------------------------------------------------------------------------*/ fieldset.boxForm {background: #f4f4f4; padding: 0.4em 0 0 0; border-bottom: 3px solid #f5f5f5;} fieldset.boxForm .formCols {float: left; display: block; width: 96%; padding: 0 2%; border: none !important;} /*fieldset.boxForm #fSubmit {background: #ccc;} */fieldset.boxForm p {width: 96%; padding: 0 2%;} fieldset.boxForm .formCols:last-child {border-bottom: 1px solid #dadada; padding-bottom: 0.4em;} fieldset.boxForm .rdfedit .formCols:last-child {margin-bottom: 1em; padding: 0 2%; padding-bottom: 1em; border-bottom: 8px solid #fff !important;} fieldset.boxForm .formCols dt {float: left; display: block; width: 48%; padding: 0.4em 2% 0.4em 0; font-weight: bold;} fieldset.boxForm .formCols dd.formError {display: block; width: 98% !important; background: #ffe2d6; padding: 0.4em 1% 0.4em 1%; color: #CC0000; margin-top: 2px; border: none;} .cols12 fieldset.boxForm .formCols dt {width: 31.33%} .cols12 fieldset.boxForm .formCols dd {width: 66.66%} .cols12 .cols8 fieldset.boxForm .formCols dt {width: 48%} .cols12 .cols8 fieldset.boxForm .formCols dd {width: 50%} /* =Forms (in the sidebar) -----------------------------------------------------------------------------*/ .sideForm {display: block; margin-bottom: 4em;} .sideForm select {width: 100%;} .sideForm .fText {width: 204px;} .sideForm dt {margin-bottom: -0.25em;} .sideForm dd {margin-bottom: 0.5em;} .sideForm dd.filter {padding-top: 1ex;} .sideForm dd .btn {margin: 0.5em 12px 0 0; float: left;} .sideForm .filter p { overflow: hidden; margin: 0; padding: 0 0 0 25px; } .sideForm .filter p input { float: left; margin-left: -25px; } .sideForm .filter p.last { padding: 1em 0 0; } .sideForm .last a { float: right; display: none; } .sideForm .last a span { float: left; margin-left: -16px; padding-left: 16px; background: transparent url("../images/bullet_c.png") no-repeat 0 -87px; } .sideForm .last a.alt span { background-position: 0 .5ex; } form#practicesSearch { position: relative; overflow: hidden; padding: .5ex 0; } form#practicesSearch input { position: absolute; left: 0; top: 0; width: 10em; margin: 0; } form#practicesSearch button { float: right; } /* =Listings -----------------------------------------------------------------------------*/ .info {background: #f4f4f4; padding: 12px 12px 0 12px; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;} dl.info {font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666; padding: 6px; margin-top: -1.2em; margin-bottom: 2em;} .info dt {float: left; clear: left; width: 30%; border-top: 1px solid #fff; padding: 2px 0; color: #777;} .info dd { border-top: 1px solid #fff; padding: 2px 0;} .infoBox {float: left; width: 100%; background: #f4f4f4; padding: 3px 0 0 0; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;} .infoBox .info {margin: 0; padding-top: 0; padding-bottom: 0;} .info2 {padding: 18px 12px 0 12px; border-bottom: 3px solid #f5f5f5; margin-bottom: 12px; display: block; clear: left;} dl.info2 { overflow: hidden; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666; padding: 0 6px 6px; margin-top: -1em; margin-bottom: 3em; } .info2 dt {float: left; clear: left; width: 30%; margin-top: -1px; border-top: 1px solid #f4f4f4; padding: 4px 0; color: #777;} .info2 dd { margin-top: -1px; border-top: 1px solid #f4f4f4; padding: 4px 0;} .info2 dt.photo { display: none; } .info2 dd.photo {position: relative; width: 100% !important; text-align: right; padding: 0; margin: 1px 0 0 0; height: 1px; overflow: visible; z-index: 100;} .info2 dd.photo img {padding: 3px; border: 1px solid #d3d3d0; background: #FFF; margin: 4px -5px 0 0;} .info2 dd.photo+dt+dd, .info2 dd.photo+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd, .info2 dd.photo+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd+dt+dd {width: 180px !important;} .trainer {border-bottom-color: #d3d3d0;} .pagNext {position: relative; float: right; padding: 3px 5px; background: #fff; z-index: 10;} .pagPrev {position: relative; float: left; padding: 3px 5px; background: #fff; z-index: 10;} span.pagPrev, span.pagNext {height: 1px; overflow: hidden; border: none; background: #f4f4f4; padding-bottom: 0;} .pagList {position: relative; display: block; list-style: none; text-align: center; top: 3px;} .pagList li {display: inline; padding: 0 0.1em;} .pagList a {display: inline; padding: 3px 5px; margin: 0 1px; background: #fff;} .pagCurrent {margin: 3px 4px; color: #000; font-weight: bold;} .pagCurrent a {color: #000; font-weight: bold; border-bottom: 1px solid #ccc; cursor: default;} .pagCurrent a:hover {border-bottom: 1px solid #ccc;} form.itemsPerPage { float: right; width: auto; margin: -.1ex 0 0; } form.itemsPerPage fieldset {margin: 0;} form.itemsPerPage select, form.itemsPerPage input { margin: 0; padding: 0; vertical-align: middle; } form.itemsPerPage input { font-size: 90%; } .searchResultsList li.researchers h3 a {color: #F15701;} .searchResultsList li.policypractice h3 a {color: #006EBB;} .searchResultsList li h3 {padding-bottom: 0;} .searchResultsList li .breadcrumbs {font-size: 0.9em;} .searchResultsList li.researchers .sKeyword {background: #EAEAEA; color: #F15701;} .searchResultsList li.policypractice .sKeyword {background: #EAEAEA; color: #006EBB;} .newsList {list-style: none; margin: 0; border-top: 1px solid #ccc;} .newsList li {position: relative; border-bottom: 1px solid #ccc; padding: 12px 0;} .info + .newsList {margin-top: -12px;} .info2 + .newsList {margin-top: -12px;} .newsList h3 {margin: 0; padding: 0 0 1ex; font-size: 1.4em; } .newsList h3 a, .newsList h3 a:hover {border: none; padding-right: 1em !important;} .newsList h3 a:visited {border: none;} .newsList h3 a:hover {color: #222;} .newsList .pInfo {float: right; margin-top: 0.8em; padding-left: 1em; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;} .eventsList .pInfo {float: right; margin-top: 0; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;} .eventsList .pInfo2 {float: none; margin-top: 0; font: 90% Tahoma, Helvetica, Arial, sans-serif; color: #666;} .resourceList {overflow: hidden; margin: -10px 0 0; border: none;} .resourceList li {margin-top: -1px; padding-bottom: 0; border-top: 1px solid #ccc; border-bottom: none; } .resourceList dl {padding: 3ex 0 1ex; border: none; margin-bottom: 0; } .unlocked h3 { background: transparent url("../images/icon_lock_a.png") no-repeat 97% 30%; } .locked h3 { background: transparent url("../images/icon_lock_b.png") no-repeat 97% 30%; } h3 .locked { padding-right: 26px; background: transparent url("../images/icon_lock.png") no-repeat 100% 50%; } h3 .unlocked { padding-right: 26px; background: transparent url("../images/icon_lock_c.png") no-repeat 100% 50%; } .locked a { color: #D5121A; } .newsList .dwnDoc .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnDoc.gif) right 3px no-repeat;} .newsList .dwnPdf .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnPdf.gif) right 3px no-repeat;} .newsList .dwnPow .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnPow.gif) right 3px no-repeat;} .newsList .dwnImg .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnImg.gif) right 3px no-repeat;} .newsList .dwnExc .pInfo {text-align: right; padding-right: 18px; background: url(../images/dwnExc.gif) right 3px no-repeat;} .newsList .dwnNews h3 a {padding-left: 26px; background: url(../images/dwnNews.gif) 0 3px no-repeat;} .newsList .dwnEvent h3 a {padding-left: 26px; background: url(../images/dwnEvent.gif) 0 3px no-repeat;} .newsList .dwnExt h3 a {padding-left: 26px; background: url(../images/external.gif) -5px 3px no-repeat;} .info dd.dwnDoc a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnDoc.gif) no-repeat; border-bottom: none !important;} .info dd.dwnPdf a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnPdf.gif) no-repeat; border-bottom: none !important;} .info dd.dwnPow a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnPow.gif) no-repeat; border-bottom: none !important;} .info dd.dwnImg a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnImg.gif) no-repeat; border-bottom: none !important;} .info dd.dwnExc a {padding-bottom: 3px; padding-left: 18px; background: url(../images/dwnExc.gif) no-repeat; border-bottom: none !important;} .practiceList {list-style: none; margin: 0; padding: 0 0 3em; border-top: 1px solid #ccc;} .practiceList li {position: relative; border-bottom: 1px solid #ccc; padding: 12px 0;} .practiceList h3 { margin: .2em 0 !important; font-size: 1.4em; } .practiceList h3 a, .practiceList h3 a:hover {border: none; text-decoration: none;} .practiceList h3 a:visited {border: none;} .practiceList h3 a:hover {color: #222;} .practiceList h3.nomargin {margin-bottom: 0 !important; padding-bottom: 0;} .practiceList h3 .currentRole {font-family: Helvetica, Arial, sans-serif; letter-spacing: normal; color: #666; font-size: 0.65em;} .practiceList h3 a:hover .currentRole {color: #000;} .practiceList p {clear: both;} .practiceList p.date {float: right; clear: none; margin: 0; padding: 0 0 0 2em; text-align: right; font-size: .9em; color: #666; } .practiceList p.important {float: right; clear: none; margin: 0; padding: 0 1px; text-align: right; font-size: .9em; background: #D5121A; color: #FFF; } .practiceList p.practiceno {float: left; clear: none; margin: 0 0 1ex; font-size: .9em; color: #666; } .practiceList p.institution {font-size: .9em; color: #666; } .practiceList dl {display: block; clear: both;} .practiceList dt {float: left; width: 18ex; font-size: .9em; color: #666; } .practiceList dd {margin-left: 19ex;} /* =FAQ -----------------------------------------------------------------------------*/ #faq {margin: 0 0 1em 0; list-style: none;} #faq dl {padding: 12px 0; border: 1px solid #fff; cursor: pointer;} #faq dl:hover {background: #f7f7f7; border: 1px solid #eee;} #faq dt {margin-bottom: 0.2em; padding-left: 30px; background: url(../images/faq_q.gif) 8px 3px no-repeat; font-weight: bold; font-size: 110%;} #faq dd {color: #777; padding-left: 30px; background: url(../images/faq_a.gif) 8px 3px no-repeat;} #comments {list-style: none; margin: 0;} #comments li {border-bottom: 3px solid #f5f5f5; margin-bottom: 3em;} #comments h3 {float: left; padding: 0.5em; background: #e3e3e3; color: #555; font-weight: normal; display: inline; font-size: 100%; width: auto; letter-spacing: normal; margin: 0;} #comments h3 a {color: #000;} .comment {display: block; clear: both; padding: 1em 0.5em 0.5em 0.5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} #comments .entryinfo {float: right; display: inline; width: auto; margin: 0; padding: 0.6em 0 0 2em; font-size: 90%; color: #666;} .dyk {border-bottom: 1px solid #d3d3d0; padding: 0 0 -1em 0; margin: 0 0 2em 0;} .dyk p {font: 1.7em "Times New Roman", Times, serif; line-height: 1.2em; color: #34b233; margin-top: -0.25em;} .bob {float: right; width: 40%; border: 1px solid #e7e7e7; padding: 12px 15px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.2em; font-style: italic; background: #f8f8f8; margin: 0.1em 0 1em 1em; color: #62a061;} /* =Form text areas -----------------------------------------------------------------------------*/ .rowactionform,rowactionbtn {float:left;} .rowactionbtn{margin-right:8px !important} .formText, fieldset.boxForm .formText {display: block; clear: left; background: #fff; padding: 0em 1em; border: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 5px 9px 1em 9px;} .dateInput {margin-right:10px !important;float:left !important;width:20px !important} .dateInputDouble {margin-right:10px !important;float:left !important;width:30px !important} fieldset.boxForm .formText {border-width: 1px 0 1px 0 !important;position: relative; top: 0.5em; padding-top: 1em;} .formText p, fieldset.boxForm .formText p {padding: 0;} .formText h4, fieldset.boxForm .formText h4 {font-size: 1.2em; font-weight: bold; margin-top: 0.5em;} .formText2, fieldset.boxForm .formText2 {display: block; clear: left; padding: 0.6em 0; margin: 0;} .formText2 p, fieldset.boxForm .formText2 p {display: block; padding: 0 !important; font: 1.2em Tahoma, Helvetica, Arial, sans-serif; color: #333; padding-bottom: 0.2em;} .formText2 h4, fieldset.boxForm .formText2 h4 {display: none;} .activeFormAssociations th {background: url(../images/nav_hover.gif) top repeat-x; border-right-color: #ddd; border-bottom-color: #c5c5c5; text-align: left; padding-left: 8px;} .activeFormAssociations td {padding: 5px 8px;} .activeFormAssociations .btn {border-bottom-color: #aaa; border-right-color: #aaa;} #universalForm {border-bottom: 1px solid #e8e8e6; padding-bottom: 3em; margin-bottom: 2em;} #universalForm:last-child {border: none; padding-bottom: 0; margin-bottom: 1em;} .activeFormAssociations + p, p +.activeFormAssociations {margin-top: 0.5em;} .boxForm legend + .formText, .boxForm .formText:first-child {margin-top: -0.3em;} fieldset dt {position: relative;} fieldset dt a {position: absolute; top: 6px; right: 5px; display: block; width: 16px; height: 16px; background: url(../images/infoIcon.gif) no-repeat; border: none !important; text-decoration: none;} fieldset dt a:hover {} fieldset dt a div {display: none; position: absolute; top: 0; right: 16px; margin: 0; width: 14.5em; background: #fffdd9; color: #111; border: 1px solid #bbb; border-bottom: 1px solid #888; border-right: 1px solid #888; padding: 7px 10px; font-style: italic; font-weight: normal; z-index: 999101; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-topright:0; -webkit-border-top-right-radius: 0;} .formCols dt a:hover div {display: block;} .notify {border: 1px solid #4ab848; padding: 10px; background: #def1c8; font-size: 1.2em;} .notify span em {display: none;} .notify span a, .notify span a:hover {color: #fff !important; text-decoration: none; border: none !important;} .notify span {float: right; background: #ff3f30; padding: 1px 4px 1px 4px; display: block; width: 0.7em; min-height: 1.25em; overflow: hidden; color: #fff; font: bold 0.85em verdana, arial, sans serif; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .notify span:hover {background: #ff0000; cursor: pointer;} .notify em {color: #000; font-style: normal;} /* Discussion Articles */ .articleInfo {font-size: 0.9em; margin-bottom: 2em;} .articleInfo p {font-size: 1.1em;} .articleInfo .dArticles p {font-size: 1em; background: #fafafa; padding: 3px; margin-bottom: 0; color: #888; font-family: Arial, sans-serif;} .articleInfo .dArticles p a {color: #666;} .dArticles .pInfoDate {float:right; color:#888888;} .dArticles .pInfoBy em {font-style:normal; float:left; color:#888888; clear:left} .dArticles .pInfoBy em img{display:inline; float:left; margin-top:4px;} /* .article h1 {font-size: 2.3em; letter-spacing: 0; color: #222; border-bottom: 0; margin: 0; padding-bottom: 0.5em; padding-top: 0.5em; border-top: 4px solid #4ab848;} */ .dArticles h1 {border-bottom: 1px solid #e2e2e2} .article h2, .article h3, .article h4 {letter-spacing: 0;} .article .content .intropara {font-size: 1.4em; letter-spacing: 0; line-height: 1.3em;} .dArticles {margin-bottom: 1em;} .article .content {border-top: 2px solid #4ab848; padding-top: 1em;} .article .content p {line-height: 1.6em; clear:left} .article .content blockquote {line-height: 1.3em; color: #222; font-size: 1.3em; padding: 1em 1.5em; border-left: 3px solid #999;} .articleExtras {padding-top: 1.5em; border-top: 2px solid #4ab848;} .article .cols12 .subscribe {border-top: 2px solid #4ab848 !important; min-height: 70px;} .subscribe img {margin: 11px 5px -3px 0; padding: 0;} .article .cols12 .subscribe h3 {border-top: 0 !important;} .mArticlesLatest img, .boxArticle img, .articleExtras img, .article .pInfo2 img {margin: 0 5px -3px 0; padding: 0;} .commentSnippet {background: #F8F8F8 ; border: 1px solid #e7e7e7; padding: 1em 1em 0.7em 1em;} .commentSnippetCite {position: relative; top: -1.1em; padding: 10px 50px 10px 0; margin-bottom: -2em; background: url(../images/commentSnippetCite.gif) top right no-repeat; font-style: italic; text-align: right;} .commentSnippetCite em, .boxArticle p em, .article .pInfo2 em {white-space: nowrap; font-style: normal;} .Landing .commentSnippet {margin-top: 10px;} .Landing .commentSnippetCite {margin-bottom: 1px;} .article .cols12 .box h3 {font-size: 1.3em; font-weight: normal; color: #000; border-color: #ccc; background: #fff; margin: 0 4px 0 0; padding: 0; width: auto; border-top: 2px solid #4ab848;} .article .cols12 .box h3 .titlePad {padding: 0.3em 0;} .article .dArticles h3.heading {padding-top: 0.4em; color: #000; font-size: 1.4em;} .article .cols12 .box {background: none; border: 0;} .article .cols12 .boxInner {background: none; padding: 1em 0;} .article .content {margin-bottom: 3em;} .mArticlesTags ul {margin-bottom: 5px;} .mArticlesTags ul ul {margin: 0; list-style: none;} .mArticlesTags ul ul li {padding-left: 15px; font-size: 95%;} .mArticlesTags ul ul ul li {font-size: 100%;} .mArticlesTags ul span {color: #aaa; font-size: 0.9em;} .mArticlesTags ul a {padding-top: 1px; padding-bottom: 1px; background-position: 6px 50%;} .mArticlesTags ul a:hover {background-color: #e5e5e5;} .tag01, .tag01:visited, .tag02, .tag03, .tag04, .tag05 {color: #aaa !important; border: 0 !important;} .tag02, .tag02:visited {font-size: 1.2em; color: #888 !important;} .tag03, .tag03:visited {font-size: 1.4em; color: #666 !important;} .tag04, .tag04:visited {font-size: 1.6em; color: #444 !important;} .tag05, .tag05:visited {font-size: 2em; color: #222 !important;} .tag01:hover, .tag02:hover, .tag03:hover, .tag04:hover, .tag05:hover {color: #000 !important; text-decoration: underline;} .commentlist {float: left; display: block; clear: both; list-style: none; margin: -0.85em 0 0 0; padding: 0; width: 100%;} .commentlist li {float: left; position: relative; margin: 0 0 1em 0; border-top: 1px solid #ccc; padding: 1em 0; width: 100%;} .commentText {float: right; width: 60%; margin-left: 20px; padding-bottom: 10px;} .commentCite cite {font-weight: bold; font-style: normal;} .commentLink {float: left; clear: left; padding-left: 16px; background: url(../images/commentLink.gif) left no-repeat; font-size: 0.9em;} .commentFlag {background-image: url(../images/commentFlag.gif);} .commentEdit {display: none; background-image: url(../images/commentEdit.gif);} .has_js .editable .commentEdit {display: inline;} .article #comment {width: 100%;} #comments .commentLink {margin: 3px 20px 0 5px;} .has_js .editable .mForm, .has_js .editable .commentCite .clear {display: none;} .has_js .editing .mForm, .has_js .editing .commentCite .clear {display: block;} .has_js .editing .commentText {display: none;} .article .mForm {float: left; display: block; clear: both; border-top: 2px solid #4ab848; margin-top: 2em; width: 100%; margin-bottom: 2em;} .article .mForm form {margin-top: -0.4em;} .dArticles legend {font-size: 1.4em;} .article #login_required {padding-top: 20px;} .dArticleSearch {margin-bottom: 1em;} .dArticleSearch .fText {width: 60%;} .dArticleSearch .btn {padding: 0.2em 0.5em;} .article .eventsList li {padding: 0.7em;} .article .eventsList h3 {font-size: 1.4em} .article .pInfo, .article .pInfo2 {margin-bottom: 0.2em; font-size: 1em; color: #888;} .article .pInfo2 em {font-style: normal;} .article .entry-content {float: right; color: #888;} .article .entry-content a {color: #444;} .article .pInfo, .article .entry-content {font-size: 0.9em;} .boxArticle h4 {font-size: 1.2em; margin: 0.5em 0 0.2em} .boxArticle h4 a {border: none; line-height: 1em; color: #444;} .boxArticle h4 a:hover {text-decoration: underline; border: none;} .boxArticle p span {color: #888; font-size: 0.9em;} .boxArticleComments, .boxArticleComments .boxInner {background: none; padding: 0; border: none;} .boxArticleComments .boxInner {padding-top: 10px;} sup {font-size: 90%; line-height: 0.8em;} .bookableEvent #pNavigation .col {margin-bottom: -25px;} .bookableEvent #pageInfo {border-top: 0; padding-top: 5px;} .bookableEvent #pageInfo ul {margin-left: 5px;} .bookableEvent #pageInfo h1 {border-bottom: 0; margin: 0 0 0.4em 5px; padding-bottom: 0.5em; font-size: 2.3em; background:transparent url(../images/ebsLogo.gif) no-repeat 0 8px; padding-left:50px;} .bookableEvent #pageInfo h1 span {clear: left; color: #666; display: block; font-size: 0.63em; font-weight: normal; letter-spacing: 0; margin-top: -0.2em;} .bookableEvent #pageInfo h1 span sup {font-size: 0.5em;} .bookableEvent .heading {font-size: 1.4em; border-top: none; border-bottom: 1px solid #888;} .bookableEvent .content h2 {float: left; clear: both; font-weight: bold;} .bookableEvent .content h2 span {font-weight: normal; color: #666;} .bookableEvent h3.heading:first-child, .bookableEvent h2:first-child {margin-top: 0;} .bookableEvent .content .eventsTab {margin: 0 0 30px 5px;} .bookableEvent .eventsBookBox {float: left; clear: both; background: #eff6ef; padding: 1.8em 1.3em 0; border: 1px solid #d8e8d8; border-bottom: 0;} .bookableEvent .eventsBookBox2 {clear: both; background: #d8e8d8; padding: 1.3em; margin-bottom: 2em; border: 1px solid #d8e8d8; border-top: 0;} .bookableEvent .eventsBookButton, .bookableEvent .eventsBookButton:visited {color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 6px 20px 6px ; font-size: 1.3em; font-weight: bold; text-align: center; margin-left: 30%;} .bookableEvent .eventsBookButton:hover {color: #fff; background-color: #2da42c;} .bookableEvent .eventsBookBoxWide {padding-left: 0; padding-right: 0; float: left; width: 98%; padding-right: 2%;} .bookableEvent .eventsBookBoxWide .col, .bookableEvent .eventsBookBoxWide .col p {margin-bottom: 0; background: transparent; border: none;} .bookableEvent .eventsBookBoxWide .eventsBookButton {display: block;} .bookableEvent .eventsDetailsList {float: left; display: block; margin-bottom: 1px; background: #fffedb; padding: 1.3em;} .bookableEvent .eventsDetailsList dt {width: 30%; float: left; border-top: 1px solid #f7eeb6; padding-top: 4px; margin-top: 4px; color: #666;} .bookableEvent .eventsDetailsList dd {width: 70%; float: left; border-top: 1px solid #f7eeb6; padding-top: 4px; margin-top: 4px; color: #666;} .bookableEvent .eventsDetailsList dt:first-child, .bookableEvent .eventsDetailsList dt:first-child + dd {border: none; margin-top: 0; padding-top: 0;} .bookableEvent .eventMenu {float: left; list-style: none; width: 100%; margin: 0 0 40px 0; padding: 0; background: url(../images/eventsMenu2.gif) bottom repeat-x; min-height: 12px;} .bookableEvent .eventMenu li:first-child {margin-left: 5px;} .bookableEvent .eventMenu li {float: left; margin: 2px 0 5px 3px; border: 1px solid #b5d2b5; border-bottom-color: #a5c8a4; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;} .bookableEvent .eventMenu a {float: left;font-size: 1.1em; padding: 5px 10px 4px; background: #d8e8d8; border-bottom: 3px solid #c6ddc6; color: #222;} .bookableEvent .eventMenu li:hover {border-bottom-color: #f15701;} .csPro.bookableEvent .eventMenu li:hover {border-bottom-color: #006ebb;} .bookableEvent .eventMenu a:hover {color: #f15701; background: #ecf3ec; border-bottom: 3px solid #f15701;} .csPro.bookableEvent .eventMenu a:hover {color: #006ebb; border-bottom-color: #006ebb;} .bookableEvent .eventMenu .eventMenuCurrent {margin: 0 0 5px 3px; border: 1px solid #69a469; border-bottom: 1px solid #f7f7f7; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;} .bookableEvent .eventMenu .eventMenuCurrent:hover {border-bottom-color: #f7f7f7; border-top-color: #69a469;} .bookableEvent .eventMenu .eventMenuCurrent a {padding: 8px 10px 4px; border-bottom-color: #fcfcfc; background: #fff; color: #000;} .bookableEvent .eventMenu .ebooktab {float: right; border: 0; font-size: 1.1em; margin-top: 0;} .bookableEvent .eventMenu .ebooktab form {margin: 0;} .bookableEvent .eventMenu .ebooktab .btn, .bookableEvent .eventMenu .ebooktab a, .bookableEvent .eventMenu .ebooktab a:visited {color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 3px 15px 4px ; font-size: 1em; font-weight: bold; text-align: center; -moz-border-radius: 1px; -webkit-border-radius: 1px; margin: 0;} .bookableEvent .eventMenu .ebooktab a:hover {color: #fff; background-color: #2da42c;} .bookableEvent .eventMenuBottom .ebooktab {margin: 13px 0 0;} .bookableEvent .eventMenuBottom .ebooktab a:hover {border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148;} .bookableEvent .eventMenu .ecanceltab {float: left; border: 0; font-size: 1.1em; margin: 0 0 6px 0; padding-bottom: 6px;} .bookableEvent .eventMenu .ecanceltab a, .bookableEvent .eventMenu .ecanceltab a:visited {color: #fff; background: #a5c8a4; border: 1px solid #000; border-color: #e5efe5 #9bbc9a #9bbc9a #e5efe5; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center;} .bookableEvent .eventMenu .ecanceltab a:hover {color: #fff; background: #9bbc9a; border-color: #e5efe5 #8ba98b #8ba98b #e5efe5;} .bookableEvent .eventMenuBottom .ecanceltab {margin: 13px 0 0;} .bookableEvent .eventMenuSub {float: left; list-style: none; width: 100%; margin: -41px 0 40px 0; padding: 0; background: #edf4ed; border-bottom: 1px solid #a5c8a4;} .bookableEvent .eventMenuSub li {float: left; margin: 3px 0 0 5px;} .bookableEvent .eventMenuSub a {float: left; padding: 3px 0 6px 0; background: transparent; color: #333; border: none; border: 0; margin: 0 9px;} .bookableEvent .eventMenuSub a:hover {color: #f15701; padding-bottom: 3px; border-bottom: 3px solid #f15701;} .csPro.bookableEvent .eventMenuSub a:hover {color: #006ebb; border-bottom-color: #006ebb;} .bookableEvent .eventMenuSub .eventMenuCurrent a, .bookableEvent .eventMenuSub .eventMenuCurrent a:hover {color: #f15701; padding-bottom: 3px; border-bottom: 3px solid #f15701;} .csPro.bookableEvent .eventMenuSub .eventMenuCurrent a, .csPro.bookableEvent .eventMenuSub .eventMenuCurrent a:hover {color: #006ebb; padding-bottom: 3px; border-bottom: 3px solid #006ebb;} /* .bookableEvent .eventMenuSub a {float: left; padding: 1px 9px 3px 9px; background: transparent; color: #000; border: none; background: #aaa; color: #fff; border-top: 1px solid #999; border-left: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .bookableEvent .eventMenuSub a:hover {background: #999; color: #fff; border-top: 1px solid #888; border-left: 1px solid #888;} .bookableEvent .eventMenuSub .eventMenuCurrent a, .bookableEvent .eventMenuSub .eventMenuCurrent a:hover {background: #666; color: #fff; border-top: 1px solid #555; border-left: 1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px;} */ .bookableEvent .eventMenuBottom {background: url(../images/eventsMenuBottom2.gif) top repeat-x; margin-top: 20px;} .bookableEvent .eventMenuBottom li {float: left; margin: 5px 0 2px 3px; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #b5d2b5; border-top-color: #a5c8a4; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;} .bookableEvent .eventMenuBottom li:hover {border-top-color: #f15701; border-bottom-color: #b5d2b5;} .csPro .eventMenuBottom li:hover, .csPro.bookableEvent .eventMenuBottom li:hover {border-top-color: #006ebb; border-bottom-color: #b5d2b5;} .bookableEvent .eventMenuBottom a {float: left; padding: 4px 10px 6px; background: #d8e8d8; border-bottom: 0; border-top: 3px solid #c6ddc6; color: #222; color: #555;} .bookableEvent .eventMenuBottom a:hover {color: #f15701; border-bottom: 0; background: #ecf3ec; border-top: 3px solid #f15701;} .csPro .eventMenuBottom a:hover , .csPro.bookableEvent .eventMenuBottom a:hover {color: #006ebb; border-top-color: #006ebb; border-bottom-color: #B5D2B5;} .bookableEvent .eventMenuBottom .eventMenuCurrent {margin: 5px 0 0 3px; border: 1px solid #69a469; border-top: 1px solid #f7f7f7; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;} .bookableEvent .eventMenuBottom .eventMenuCurrent:hover {border-top-color: #f7f7f7; border-bottom-color: #69a469;} .bookableEvent .eventMenuBottom .eventMenuCurrent a {padding: 3px 10px 9px; border-top-color: #fcfcfc; background: #fff; color: #000;} .bookableEvent .eventDate {float: right;} .bookableEvent .eventDate em {font-size: 2.5em; font-weight: bold; float: left; margin: 0.5em 0.3em 0; font-family: "Times New Roman", Times, serif; color: #c2bf94; font-style: normal;} .bookableEvent .eventDate div {float: left; display: block; min-width: 4.9em; background: #fff; border: 1px solid #aaa; border-top-color: #ddd; border-left-color: #ddd; border-bottom-color: #999; padding: 3px;} .bookableEvent .eventDateDay {display: block; font-size: 2em; padding: 0.1em 0.4em; line-height: 1.4em; border-top: 1px solid #eee; border-left: 1px solid #eee; text-align: center; background: #f5f5f5; color: #222; font-weight: bold;} .bookableEvent .eventDateDay sup {font-size: 0.4em; margin-right: -0.4em;} .bookableEvent .eventDateMonth {display: block; font-size: 0.9em; padding: 0 0.4em; text-align: center; background: #f15701; color: #fff; border-left: 1px solid #bf4500; border-top: 1px solid #e35100;} .bookableEvent .eventDateYear {display: block; font-size: 0.9em; padding: 0 0.4em; text-align: center; background: #bf4500; color: #fff; padding-top: 1px; border-left: 1px solid #912c00; border-bottom: 1px solid #912c00;} .bookableEvent .eventDateDay em {position: relative; top: -0.3em; font-size: 0.6em; font-weight: bold;} .csPro .eventDateMonth {background: #0a51a1; border-left-color: #074181; border-top-color: #074181;} .csPro .eventDateYear {background: #074181; border-left-color: #073161; border-bottom-color: #073161;} .bookableEvent .eventsProgramme {float: left; display: block; margin: 0 0 2em 0; color: #666;} .bookableEvent .eventsProgramme dt {float: left; width: 10%; padding: 8px 0.5% 0; margin: 5px 1% 0 0; border-top: 1px solid #e5e5e5;} .bookableEvent .eventsProgramme dd {float: left; display: block; width: 87%; padding: 8px 0.5% 0; margin: 5px 0 0 0; border-top: 1px solid #e5e5e5;} .bookableEvent .eventsProgramme h4 {margin: -3px 0 0 0; clear: none; color: #222;} .bookableEvent .eventsProgramme p {margin: 0;} .bookableEvent .eventsProgramme h4 a, .bookableEvent .eventsProgramme a {border: none; line-height: inherit;} .bookableEvent .eventsProgrammeBreak h4 {color: #999;} .bookableEvent .eventsWorkshops {float: left; width: 100%; border: none;} .bookableEvent .eventsWorkshops th {border: none; background: none; padding-top: 7px; border-bottom: 1px solid #888;} .bookableEvent .eventsWorkshops tr {clear: both; width: 100%;border: none; border-top: 1px solid #ddd !important;} .bookableEvent .eventsWorkshops tr:first-child {border: none !important;} .bookableEvent .eventsWorkshops td {border: none; vertical-align: top; padding: 10px 5px;} .bookableEvent .eventsWorkshops h4 {margin: -6px 0 0 0;} .bookableEvent .eventsWorkshops p {margin: 0;} .bookableEvent .eventsWorkshops a {border: none;} .eventsWorkshops select {width: 75px; font-weight: bold; margin-top: -1px;} .eventsWorkshops select option {font-size: 0.9em; font-weight: normal;} .has_js .eventsWorkshops input.btn {display: none;} .eventsWorkshops input.btn {position: absolute; right: 7.5em; margin-top: -7px; font-family: Helvetica, Arial, sans-serif; color: #fff; background: #aaa; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center;} .eventsWorkshops input.btn:hover {color: #fff; background: #bbb;} .eventsGallery {margin: 0; padding: 0;} .eventsGallery li {position: relative; left: 10px; float: left; width: 110px; min-height: 130px; list-style: none; margin: 0; padding: 0;} .eventsGallery li img {opacity: 0.8;} .eventsGallery li.eventsGalleryActive img, .eventsGallery li.eventsGalleryActive a:hover img {outline: 2px solid #4AB848; padding: 1px; margin: -1px; opacity: 1;} .eventsGallery a, .eventsGallery a:visited, .eventsGallery a:hover {border: none;} .eventsGallery a:hover img {outline: 2px solid #ccc; opacity: 1;} .bookableEvent .eventsGalleryDetail h3.heading {margin-top: 0;} .eventsVenue {font-size: 1.3em;} .eventsBookBox .eventsVenue {font-size: 1.3em; margin-bottom: 1.5em;} .bookableEvent h2.eventsDetailsTitle {margin: -0.5em 0 1em;} .eventsRates {float: left; position: relative; width: 100%; clear: left; padding-top: 0.7em; border-top: 1px solid #ddd; margin-bottom: 0;} dl.eventsRates:last-child {margin-bottom: 40px;} .eventsRates:hover {background: #f8f8f8;} .eventsRates dt {float: left; width: 64.5%; padding-left: 0.5%; font-size: 1.2em; color: #000; margin-bottom: 0px;} .eventsRates dd {float: left; width: 34.5%; padding-right: 0.5%; text-align: right; color: #000;} .eventsRates dd strong {background: #FFE2A6 ; padding: 3px 6px; margin-right: 2px; color: #000; font-size: 1.1em;} .eventsRates dd span {display: block; color: #666; margin: 2px 0 5px;} .eventsRates dd.eventsRatesDesc {float: none; width: 64.5%; padding-left: 0.5%; padding-right: 0; text-align: left; color: #888; font-size: 0.9em; margin-bottom: 7px;} .eventsNotes {clear: left; background: #f5f5f5; padding: 1em; border: 1px solid #eee; margin: 0 0 1em; font-weight: bold;} .eventsRates + .eventsNotes {position: relative; top: 1em; margin-bottom: 2em;} .eventsSponsor {position: relative; clear: left; padding: 1.5em 0 0 0; border-top: 1px solid #ddd;} .eventsSponsor .eventsSponsorImg {float: left; width: 200px; text-align: center; padding-top: 0.5em; min-height: 140px;} .eventsSponsor .eventsSponsorImg img {width: 80%; max-width: 200px; height: auto;} .eventsSponsor h3 {float: none; clear: none; margin: 0em;} .eventsPresenters {position: relative; clear: left; padding: 0.5em 0 0 0; border-top: 1px solid #ddd;} .eventsPresenters .eventsSponsorImg {float: left; width: 85px; text-align: center; padding-top: 0.5em;} .eventsPresenters .eventsSponsorImg img {width: 70px; height: auto;} .eventsPresenters h3 {float: none; clear: none; margin: 0.5em 0 0;} .eventsPresenters ul {float: left; list-style: none;} .eventsProgrammeDetails {float: left; width: 100%; margin-bottom: 1em;} .eventsProgrammeDetails dt {float: left; width: 30%; border-top: 1px solid #ccc; padding: 3px 0;} .eventsProgrammeDetails dd {float: left; width: 70%; color: #000; border-top: 1px solid #ccc; padding: 3px 0;} .eventsProgrammeDetails dt:first-child, .eventsProgrammeDetails dt:first-child + dd {border-top-width: 0;} .eventsBookBox .eventsProgrammeDetails dt {float: left; width: 30%; color: #8e8c6b; border-top: 1px solid #d8e8d8; padding: 3px 0;} .eventsBookBox .eventsProgrammeDetails dd {float: left; width: 70%; color: #5b5a48; border-top: 1px solid #d8e8d8; padding: 3px 0;} .eventsBookBox .eventsProgrammeDetails dt:first-child, .eventsBookBox .eventsProgrammeDetails dt:first-child + dd {border-top-width: 1px;} .eventsPresenter {position: relative; float: left; width: 100%; clear: left; padding: 1.5em 0 0 0; border-top: 1px solid #ddd;} .eventsPresenter h3 {float: none; clear: none; margin: 0em;} .eventsSponsorImgThumb {width: 50%; float: left; text-align: center; height: 100px; overflow: hidden;} .eventsSponsorImgThumb img {width: 80%; max-width: 160px; height: auto; margin-top: 10px;} .eventsHighlight {float: left; width: 100%; display: block; padding: 20px 0; background: #dbf1da ; margin-bottom: 2em; background-position: top right; background-repeat: no-repeat; border: 1px solid #d8e8d8} .eventsHighlight h3 {color: #1e2d34; font: bold 1.5em arial; margin: 0 20px; } .eventsOffer {background-image: url(../images/eventsOffer.gif);} .csRes .eventsOffer {background-image: url(../images/eventsOfferRes.gif);} .csPro .eventsOffer {background-image: url(../images/eventsOfferPro.gif);} .eventsOffer h3, .eventsNews h3 {margin: 0 50px 0 20px;} .eventsNews {background-image: url(../images/eventsNews.gif);} .csRes .eventsNews {background-image: url(../images/eventsNewsRes.gif);} .csPro .eventsNews {background-image: url(../images/eventsNewsPro.gif);} .eventsHighlightNews {background-color: #dbf1da;} .eventsHighlight h3 a, .eventsHighlight h3 a:visited {color: #444;} .eventsHighlight h3 a:hover {color: #000;} .eventsHighlight p {color: #666; margin: 0 20px;} .eventsHighlight a, .eventsHighlight a:visited {border: 0; text-decoration: none; font-weight: bold; margin-top: 5px; color: #F15701;} .csPro .eventsHighlight a, .csPro .eventsHighlight a:visited {color: #006EBB;} .eventsHighlight h3 a, .eventsHighlight h3 a:visited, .eventsHighlight h3 a:hover { margin-top: 0; border: 0; padding: 0; text-decoration: none; color: #000;} .bookableEvent .mForm {clear: left;} /* Booking Forms ----------------------------------------------------------------*/ .ebs .ebsInfo, .ebs .ebsDetails, .ebs .ebsPrice dt, .ebs .ebsPrice dd {display: none;} .ebs .ebsPrice dd.ebsSubtotal {display: block; position: absolute; top: 10px; right: 20px; width: 8%; font: bold 1.3em Arial, Helvetica, sans-serif; color: #555;} .ebsOpen .ebsPrice dd.ebsSubtotal {position: relative; top: 0; left: 0;} .ebs h3 {margin: 10px 0 0 0;} .ebs p {margin: 0;} .ebsOpen p {margin: 0 0 1em;} .ebsOpen .ebsInfo, .ebsOpen .ebsDetails, .ebsOpen .ebsPrice dt, .ebsOpen .ebsPrice dd {display: block;} .ebs {position: relative; float: left; width: 92%; border: 1px solid #dcdcc9; margin: 0 0 8px; padding: 0 2% 0 6%; background: url(../images/ebsPlus.gif) 20px 16px no-repeat #f5f5f5;} .ebsOpen {background: url(../images/ebsMinus.gif) 20px 16px no-repeat #FFFBCC; border-color: #E6DB55;} .ebs h3 span {position: absolute; top: 16px; left: 20px; width: 14px; height: 14px; cursor: pointer;} .ebs .eventsProgrammeDetails dt {width: 91.1%;} .ebsTotal .eventsProgrammeDetails dt {width: 85%; text-align: right; padding-right: 5%;} .ebs .eventsProgrammeDetails dd {width: 8.9%} .ebsTotal .eventsProgrammeDetails dd {width: 10%} .ebsOpen .eventsProgrammeDetails dt, .ebsOpen .eventsProgrammeDetails dd {border: 0;} .ebsOpen .eventsProgrammeDetails {border-top: 1px solid #dcdcc9; margin-bottom: 0; padding: 8px 0;} .ebsOpen .ebsPrice .eventsProgrammeDetails {border-top: 1px solid #a1a396; padding-top: 8px; margin-bottom: 1em;} .ebsOpen .ebsPrice dt {font-weight: bold; text-align: right; width: 86%; text-align: right; padding-right: 5.1%;} .ebs .ebsInfo {border-top: 1px solid #dcdcc9; margin-bottom: 0; padding: 8px 0; float: left; width: 100%; clear: left;} .ebs .ebsInfo p {float: left; width: 50%;} .ebs .ebsInfo dl {float: left; font-size: 0.95em; color: #777; margin: 5px 0 1.5em; width: 100%;} .ebs .ebsInfo dt {position: absolute; width: 50%; border-top: 1px solid #dcdcc9; padding: 3px 0; left: 6%;} .ebs .ebsInfo dd {width: 50%; margin-left: 50%; font-weight: bold; border-top: 1px solid #dcdcc9; padding: 3px 0;} .ebsTotal .eventsProgrammeDetails {float: left;font-size: 1.3em; margin: 0;} .ebsTotal .ebsTotalDt {background: #515348; border: 0; color: #f0fda7 ; padding-top: 9px; padding-bottom: 9px; font-weight: bold;} .ebsTotal .ebsTotalDd {background: #515348; border: 0; color: #f0fda7 ; font: bold 1.3em Arial, Helvetica, sans-serif; padding-top: 8px; padding-bottom: 8px;} .ebs #universalForm {display: none;} .ebsOpen #universalForm {display: block; float: right; border: 0 !important; padding: 0 !important; margin: 10px 0 0 0 !important;} .bookableEvent .ebsOpen .btn, .bookableEvent .collapseSelect .rowactionbtn {background: #bab5a2; color: #fff; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center; font: bold 1.1em Helvetica, Arial, sans-serif;} .bookableEvent .ebsOpen .btn:hover, .bookableEvent .collapseSelect .rowactionbtn:hover {background: #a19978;} .ebsAddAttendee {border: 0 !important; padding: 0 !important; margin: 1em 0 !important;} .ebsAddAttendee .btn {background: #6dc66c; color: #fff; border: 1px solid #000; border-color: #93d492 #34b233 #34b233 #93d492; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center; font: bold 1.1em Helvetica, Arial, sans-serif;} .ebsAddAttendee .btn:hover {background: #34b233;} .ebsPayment {display: block; clear: left; width: 96%; padding: 0.5em 2% 1em 2%; background: #eee; margin: 0;} .ebsPayment h3 {float: none; font-size: 1.3em; margin: 2em 0 1em;} .ebsPayment h3:first-child {margin-top: 1em;} .ebsPayment p {margin-bottom: 0.6em; color: #666;} .ebsPayment p strong {margin-left: 1em; color: #444;} .ebsPayment p input {position: relative; top: 2px;} .ebsPayment .btn {background: #A1B824; color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 0.4em 1em 0.4em; font-weight: bold; text-align: center; font: bold 1.2em Helvetica, Arial, sans-serif;} .ebsPayment .btn:hover {background: #2da42c;} form.workshopsReset {float: right; margin: 0 !important; border: 0 !important; position: absolute; right: 0;} form.workshopsReset .btn {font-family: Helvetica, Arial, sans-serif; color: #fff; background: #aaa; border: 1px solid #000; border-color: #bbb #888 #888 #bbb; padding: 3px 15px 4px; font-size: 1em; font-weight: bold; text-align: center;} form.workshopsReset .btn:hover {color: #fff; background: #bbb;} #topScroll {position: relative; background: #ccc; padding: 4px 20px 4px 8px; float: right; margin: -4px 143px 0 0; border-top: 3px solid #bbb; color: #fff !important; border-bottom: none;} #topScroll:hover {border-bottom: none; background: #bbb; border-top-color: #aaa;} #topScroll span {position: absolute; top: 0; right: 5px; font-weight: bold; font-size: 1.7em; margin-top: -5px;} .bookableEvent .btn {background: #A1B824; color: #fff; background: #34b233; border: 1px solid #49d148; border-color: #49d148 #279226 #279226 #49d148; padding: 0.4em 1em 0.4em; font-weight: bold; text-align: center; font: bold 1.2em Helvetica, Arial, sans-serif;} .bookableEvent .btn:hover {background: #2da42c;} .collapseSelect {list-style: none; margin: 0; padding: 0; display: block; clear: both; width: 100%;} .collapseSelect li, .collapseSelect li:first-child {position: relative; border-top: 1px solid #ccc !important; float: left; width: 100%; display: block; clear: both; margin: 15px 0;} .collapseSelect input {margin: 1em 0; width: 4%;} .collapseSelect *:focus {outline: none !important;} .collapseSelect label {font-size: 1.5em; color: #34b233; cursor: pointer;} .collapseSelect label:hover {background: #FFFBCC;} .collapseSelect dl {background: #f7f7f7; border: 0; border-top: 1px solid #ccc; margin: 0.1em 0 1px; padding: 0; float: left; width: 100%; clear: both;} .collapseSelect dl + dl {border-top: 0;} .collapseSelect dt {position: absolute; border-top: 1px solid #eee; padding: 0 0 0 4%; width: 26%; left: 0;} .collapseSelect dd {border-top: 1px solid #eee; margin-left: 26%;} .collapseSelect .rowactionbtn {display: inline; margin: 0.2em 0; width: auto;} .collapseSelect li table {width: 99%; margin: 4px 0;} .collapseSelect li table th, .collapseSelect li table td {background: #fff; font-weight: normal !important;} .collapseSelect li table * { font-size: 0.97em;} dt.collapseSelectPrice {display: none;} dd.collapseSelectPrice {position: absolute; top: 7px; right: 10px; border: 0; padding: 0; background: #FFE2A6 ; padding: 3px 6px; color: #000; font-weight: bold; font-size: 1.1em;} dd.collapseSelectDiscount {position: absolute; top: 7px; right: 6em; border: 0; padding: 0; background: url(../images/packages3for2.gif) right no-repeat #ffe953; padding: 3px 1em 3px 6px; font-size: 1.1em; color: #666;} dt.collapseSelectDesc {display: none;} dd.collapseSelectDesc {margin-left: 4.4%; font-size: 1.1em; padding: 6px 0;} .bookableEvent .formText {margin: 0 0 10px; border-color: #E6DB55; background: #FFFBCC; padding-top: 5px; padding-bottom: 5px;} .bookableEvent .formCols dt, .bookableEvent fieldset.boxForm .formCols dt {width: 31%;} .bookableEvent .formCols dd {width: 64%;} .bookableEvent .formCols .formError {width: 98%;} .bookableEvent .formCols .fDrop {width: 50%} .bookableEvent .formCols .fText {width: 48.9%} .right {float: right; margin-bottom: 20px;} .bookableEvent .collapseSelectGroup .btn {float: right;} #EventAttendee-ProfessionalInfo-Institution-other-wrapper {margin-top: 4px;} #EventAttendee-ProfessionalInfo-Institution-other-wrapper span {display: block; float: left; width: 17%;} #EventAttendee-ProfessionalInfo-Institution-other-wrapper input {display: block; width: 31.9%;} .packUnits + dt + dd table {font-size: 1.1em;} .packUnits + dt + dd table td, .packUnits + dt + dd table th {padding: 5px !important; line-height: 1.2em;} .ebsName .rowactionform {float: right;} .dlMyEventBookings {display: block; width: 100%; margin-bottom: 20px; float: left; margin: -1.6ex 0 0; border-bottom: 1px solid #e0e0e0;} .dlMyEventBookings dt {float: left; width: 31%; border-bottom: 1px solid #f5f5f5; padding: 3px 1%; background: #f5f5f5;} .dlMyEventBookings dd {float: left; width: 65%; border-bottom: 1px solid #f5f5f5; font-weight: bold; padding: 3px 1%; background: #f5f5f5;} .myEventBookings h6 {border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #eee; padding: 3px 0; text-indent: 5px; margin-bottom: 1.5em;} .myEventBookings .ebs {margin-bottom: 1ex; border: 0; background: none; width: 96%; padding-left: 2%; margin: 0 0 2em;} .myEventBookings .ebs h3 {color: #444; margin-top: 0; font-size: 1.4em; margin-bottom: 8px;} .myEventBookings .ebs form + h3 {position: relative; top: 8px;} .myEventBookings .ebs form {margin: 0 0 10px; position: relative; z-index: 10;} .myEventBookings .ebsOpen h3 {color: #000;} .myEventBookings .ebsOpen {background-color: #FFFBCC ; padding-top: 8px; margin-bottom: 2.5em;} .myEventBookings .ebsInfo {display: block; border: 0; padding: 0; margin: -5px 0 0 0; padding-bottom: 5px;} .myEventBookings .ebsInfo dl {width: 100%; margin-bottom: 0;} .myEventBookings .ebsInfo dt {width: 34%} .myEventBookings .ebsInfo dd {margin-left: 34%; width: 66%;} .myEventBookings .heading {float: left;} .myEventBooking + h1 {float: left; width: 100%; margin-top: 20px;} .myEventBooking .ebs {padding-bottom: 10px; background-image: none; padding-left: 3%; width: 95%;} .myEventBookings .ebsOpen {padding-bottom: 0;} .myEventBookings .ebs .ebsInfo dt, .myEventBooking .ebs .ebsInfo dt {left: auto;} .redirectMsg {clear: left; border-width: 4px !important; line-height: 0; padding: 20px !important; position: relative; top: 5px; background: #e8f5d8 !important;} .redirectMsg p {color: #000} .redirectMsg p:last-child {margin: 0;} .redirectMsg span {font-size: 11px !important; line-height: 11px !important;} .ratesGroup {float: left; width: 94%; padding: 0 3% 1em 3%; margin-bottom: 20px; background: #ECECEA;} .ratesGroupClosed {background: #f1f1ef;} .ratesGroup h3 { padding: 7px 3.3% 9px; margin-left: -3.3%; margin-top: -1px; color: #fff; border-bottom: 3px solid #ddd; background: url(../images/packGroupMinus.gif) 25px 50% no-repeat #94968b; text-indent: 20px;} .has_js .ratesGroup h3 {cursor: pointer;} .ratesGroupClosed h3 {background-color: #aeafa7; background-image: url(../images/packGroupPlus.gif);} .has_js .ratesGroup h3:hover {background-color: #8b8d82;} .has_js .ratesGroupClosed h3:hover {background-color: #a7a8a0;} .ratesGroup p {display: block; margin: 0; padding: 0 0 1em;} .ratesGroup .eventsRates {display: block; float: left; margin-bottom: 0; border-top: 3px solid #f5f5f5; border-bottom: 1px solid #e5e5e5; width: 100%; padding-left: 1%; padding-right: 1%; margin-left: -1%; background: #fff;} .ratesGroup .eventsRates dd {float: right;} .ratesGroup .eventsRates dd.eventsRatesDesc {float: left; clear: left;} .ratesGroup .eventsRates:hover {background: #fff;} .ratesGroupClosed .eventsRates {display: none;} .ratesGroup .eventsRates:last-child {margin-bottom: 0;} .eventsRates .collapseSelectDiscount {right: 10em; width: auto !important; padding: 1px 1em 1px 6px;} .collapseSelectGroup {float: left; width: 94%; padding: 0 3% 1em 3%; margin-bottom: 20px; background: #ECECEA;} .collapseSelectGroup h3 { padding: 7px 3.3% 9px; margin-left: -3.3%; margin-top: -1px; color: #fff; border-bottom: 3px solid #ddd; background: url(../images/packGroupMinus.gif) 25px 50% no-repeat #94968b; text-indent: 20px;} .has_js .collapseSelectGroup h3 {cursor: pointer;} .collapseSelectGroup li, .collapseSelectGroup li:first-child {display: block; float: left; margin-bottom: 0; border-top: 3px solid #f5f5f5; border: 1px solid #ddd; width: 100%; background: #fff; margin: 0 0 15px;} .collapseSelectGroup li .info {background: #fafafa} .collapseSelectGroupClosed ul, .collapseSelectGroupClosed .btn {display: none;} .collapseSelectGroupClosed {background: #f1f1ef;} .collapseSelectGroupClosed h3 {background-color: #aeafa7; background-image: url(../images/packGroupPlus.gif);} .has_js .collapseSelectGroup h3:hover {background-color: #8b8d82;} .has_js .collapseSelectGroupClosed h3:hover {background-color: #a7a8a0;} .groupLeadIn {font-size: 1.15em;} /* = TinyMCE in site, not cms4 -----------------------------------------------------------------------------*/ .mceContentBody {font-size: 12px !important; color: #222 !important;} /* =Career stories -----------------------------------------------------------------------------*/ .careerStoryMenu {float: left; list-style: none; width: 100%; margin: 0; padding: 0; background: url(../images/eventsMenu2.gif) bottom repeat-x; min-height: 12px;} .careerStoryMenu li:first-child {margin-left: 5px;} .careerStoryMenu li {float: left; margin: 2px 0 5px 3px; border: 1px solid #b5d2b5; border-bottom-color: #a5c8a4; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;} .careerStoryMenu a {float: left;font-size: 1.1em; padding: 5px 10px 4px; background: #d8e8d8; border-bottom: 3px solid #c6ddc6; color: #222;} .careerStoryMenu a:visited {border-bottom: 3px solid #c6ddc6; color: #222;} .careerStoryMenu li:hover {border-bottom-color: #f15701;} .csPro .careerStoryMenu li:hover {border-bottom-color: #006ebb;} .careerStoryMenu a:hover {color: #f15701; background: #ecf3ec; border-bottom: 3px solid #f15701;} .csPro .careerStoryMenu a:hover {color: #006ebb; border-bottom-color: #006ebb;} .careerStoryMenu .careerStoryMenuCurrent {margin: 0 0 5px 3px; border: 1px solid #69a469; border-bottom: 1px solid #f7f7f7; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;} .careerStoryMenu .careerStoryMenuCurrent:hover {border-bottom-color: #f7f7f7; border-top-color: #69a469;} .careerStoryMenu .careerStoryMenuCurrent a {padding: 8px 10px 4px; border-bottom-color: #fcfcfc; background: #fff; color: #000;} #tab1careerstory, #tab2careerstory, #tab3careerstory {overflow: hidden; clear: left;} /* Autocomplete */ .ui-autocomplete { background:url(/cms/img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .ui-autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .ui-autocomplete .selected { background:#F0F0F0; } .ui-autocomplete div { padding:2px 5px; white-space:nowrap; } .ui-autocomplete strong { font-weight:normal; color:#3399FF; } /* =New comments -----------------------------------------------------------------------------*/ .commentlist {float: none; margin-top: 30px;} .commentlist li {float: none; padding: 0 0 1px ; margin: 0 0 20px; border: none;clear:both;} .commentlist .commentCite {display: block; width: 100%; margin-bottom: 15px; padding-top: 10px;} .commentlist .commentCite p {display: block; width: 100%; text-align: left; margin: 0; border-bottom: 3px solid #efefef;} .commentlist .commentCite p cite {display: inline; background: #efefef; padding: 8px 10px 5px; font-size: 1.1em;} .commentlist .commentCite p .date {color: #888; font-size: 0.9em; text-align: right;} .commentlist .commentCite .commentmetadata {text-align: left; padding: 4px 0; margin: 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #eee; width: auto;} .commentlist .commentCite .commentmetadata a, .commentlist .commentCite .commentmetadata a:visited {border: none;} .commentlist .commentCite .commentmetadata a:hover {border-bottom: 1px solid #ccc;} .commentLink {float: none; clear: none; margin-right: 20px; padding-bottom: 1px;} .commentText {float: none; margin: 0; padding: 0; width: 100%;} .newsList {border: none; margin: -10px 0 0;} .article .eventsList li {padding: 1em 0 1.3em;} .article .eventsList h3 {font-size: 1.3em;} .commentlist .commentCite p {display: none;} .commentlist .commentCite p.commentAuthor, .commentlist .commentCite p.commentmetadata {display: block;} /* =Practice listing -----------------------------------------------------------------------------*/ .PracticeListing .cols8 h1 {position: relative;} .PracticeListing .cols8 h1 .rss {position: absolute; top: 12px; left: 8.6em; width: 13px; height: 13px; background: url(../images/rss2.gif) top left no-repeat !important; border: none; margin: 1px 6px 0 0; padding-right: 0 !important; text-indent: -5000px;} .PracticeListing .cols8 #resultsFilter {overflow: hidden; padding-bottom: 12px; background: #e0e0e0; border-bottom: none;} .PracticeListing .cols8 #resultsFilter h4 {margin: 0;} .PracticeListing .cols8 #resultsFilter form.itemsKeyword {float: left; width: 55%; margin-bottom: 0;} .PracticeListing .cols8 #resultsFilter form.itemsKeyword .fText {width: 160px;} .PracticeListing .cols8 #resultsFilter form.itemsKeyword .btn {padding: 3px 5px 2px 5px;} .PracticeListing .cols8 #resultsFilter form.itemsSort {float: right; width: 45%; margin-bottom: 0; text-align: right;} .PracticeListing .cols8 #resultsFilter form.itemsSort fieldset {margin: 0;} .PracticeListing .cols8 #resultsFilter form.itemsSort select {margin-top: 0.5em; padding: 0.15em 0.2em;} .PracticeListing .cols8 #resultsFilter form.itemsSort select option {padding-right: 0.6em;} .PracticeListing .cols8 #resultsFilter form.itemsSort .btn {padding: 3px 5px 2px 5px;} .PracticeListing .cols8 #resultsFilter ul {clear: both; margin-bottom: 0; padding-top: 8px;} .PracticeListing .cols8 #resultsFilter ul li {padding-left: 0; background: none;} .PracticeListing .cols8 #resultsFilter ul li a {display: block; padding: 5px 5px 5px 23px; background: url(../images/accept_alt.png) no-repeat 4px 7px; color: #333; font-weight: bold;} .PracticeListing .cols8 #resultsFilter ul li a:hover {background-image: url(../images/cancel_alt.png); color: #ff0000; border-bottom: none; text-decoration: none;} .PracticeListing .cols8 #resultsNumber form.itemsPerPage select {padding: 0.2em;} .PracticeListing .cols8 #resultsNumber form.itemsPerPage select option {padding-right: 0.6em;} .PracticeListing .cols8 #resultsNumber form.itemsPerPage .btn {padding: 3px 5px 2px 5px;} .PracticeListing .cols4 .filter h2 {padding-top: 2.2em;} .PracticeListing .cols4 .filter a.reset {float: right; position: relative; z-index: 3; margin: 4.9em 6px 0 0; padding: 3px 5px; background: #aaa; color: #fff; font-size: 0.9em; border-bottom: none;} .PracticeListing .cols4 .filter a.reset:hover {cursor: pointer; background: #999; text-decoration: none;} .PracticeListing .cols4 .filter .box#instiutionCat .boxInner form {margin: 8px 0;} .PracticeListing .cols4 .filter .box#instiutionCat .boxInner form #uf_practiceinstitution {width: 150px;} .PracticeListing .cols4 .filter .box#instiutionCat .boxInner form .btn {padding: 2px 5px;} .PracticeListing .cols4 .filter .box#instiutionCat select { width:150px; } #CategoryAuto { width:190px; padding-left: 2px; padding-right: 2px; } .PracticeListing .cols4 .filter .box#instiutionCat .boxInner ul {padding-bottom: 8px;} .PracticeListing .cols4 .filter .box#instiutionCat .boxInner ul li a {padding-left: 23px; background: url(../images/accept_alt.png) no-repeat 4px 7px; color: #333; font-weight: bold;} .PracticeListing .cols4 .filter .box#instiutionCat .boxInner ul li a:hover {background-image: url(../images/cancel_alt.png); color: #ff0000;} .PracticeListing .ui-autocomplete {width: 194px !important;position:absolute; margin: 0; background: #fff; list-style: none; border: 1px solid #ccc; border-top: none; text-align: left;} .PracticeListing .ui-autocomplete li a {display: block; padding: 4px 5px; border: none; cursor: pointer;} .PracticeListing .ui-autocomplete li a:hover {background: #eee;} .PracticeListing .cols4 .filter .box {margin-bottom: 0;} .PracticeListing .cols4 .filter .box h3 {background-color: #777; border-bottom: none;} .PracticeListing .cols4 .filter .box h3 .titlePad {padding-left: 20px; background: url(../images/collapsed.png) no-repeat 8px 4px;} .PracticeListing .cols4 .filter .box.open h3 .titlePad {background: url(../images/expanded.png) no-repeat 5px 6px;} .PracticeListing .cols4 .filter .box.active h3 .titlePad span {display: block; background: url(../images/accept.png) no-repeat right 7px; padding-right: 23px;} .PracticeListing .cols4 .filter .box.open.active h3 .titlePad span {background: none;} .PracticeListing .cols4 .filter .box .boxInner {padding: 0 5px;} .PracticeListing .cols4 .filter .box .boxInner ul li a {margin: 0 -5px; padding: 5px 10px 5px 20px; background-position: 11px 10px; text-decoration: none;} .PracticeListing .cols4 .filter .box .boxInner ul li a .count {color: #666;} .PracticeListing .cols4 .filter .box .boxInner ul li.more a {background-color: #f2f2f2; color: #666;} .PracticeListing .cols4 .filter .box .boxInner ul li.more a:hover {background-color: #ddd;} .PracticeListing .cols4 .filter .box .boxInner ul li.active a {background: #4ab848 url(../images/accept.png) no-repeat 9px 12px; font-weight: bold; color: #fff;} .PracticeListing .cols4 .filter .box .boxInner ul li.active a .count {color: #c7ffa1;} .PracticeListing .cols4 .filter .box .boxInner ul li.active a:hover {background: #ff0000 url(../images/cancel.png) no-repeat 9px 11px;} .PracticeListing .cols4 .filter .box .boxInner ul li.active a:hover .count {display:none;} .PracticeListing .cols4 .filter .box .boxInner ul li ul {margin: 5px 0; border-bottom: 1px solid #eee;} .PracticeListing .cols4 .filter .box .boxInner ul li.last ul, .PracticeListing .cols4 .filter .box .boxInner ul li:last-child ul {margin-bottom: 0; border-bottom: none;} .PracticeListing .cols4 .filter .box#rdfCat .boxInner {padding-top: 5px;} .PracticeListing.has_js .cols4 .filter .box h3 {cursor: pointer;} .PracticeListing.has_js .cols4 .filter .box h3:hover {background-color: #555;} /* .PracticeListing.has_js .cols4 .filter .box .boxInner {display: none;} */ /* .PracticeListing.has_js .cols4 .filter .box#instiutionCat .boxInner, */ /* .PracticeListing.has_js .cols4 .filter .box#rdfCat .boxInner {display: block;} */ .Practice .cols4.right .mContact .email {display: block; color: #888; font-size: 0.95em;} .Practice .cols4.right .mLinks li a {background: none; padding: 0;} .Practice .cols4.right .mLinks li a[href^="http://"] {background: url("../images/external.gif") no-repeat right center; padding-right: 13px;} .Practice .cols4.right .mLinks li a span {background: url("../images/bullet_g.gif") no-repeat 6px 10px; padding: 5px 5px 5px 15px;} /* =Dashboard practice -----------------------------------------------------------------------------*/ .DashboardPractice .content .notify {clear: left; float: left; margin-left: 0;} .DashboardPractice .content .notify p {margin-bottom: 0;} .DashboardPractice .content ol.steps {float: left; margin-bottom: 20px; width: 20%;} .DashboardPractice .content ol.steps:first-child {float: left; width: 15%;} .DashboardPractice .content .mForm {clear: left;} .DashboardPractice .content #errorMessage {margin-bottom: 20px;} .DashboardPractice .universalForm .formCols {width: 96.1%; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 8px solid #fff !important;} .DashboardPractice .universalForm .formCols:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none !important;} .DashboardPractice .universalForm .rdfedit .formCols:last-child {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 8px solid #fff !important;} .DashboardPractice .universalForm .formCols dd {position: relative; width: 650px !important; padding-top: 0;} .DashboardPractice .universalForm .formCols dt {position: relative; display: block; padding: 0; min-height: 27px; width: 650px !important;} .DashboardPractice .universalForm .formCols dd .fText, .DashboardPractice .universalForm .formCols dd .fTextArea, .DashboardPractice .universalForm .formCols dd .fSelect {width: 638px; font-size: 1.2em; padding: 5px 5px 6px 5px; border-color: #ccc; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(242,242,242)), color-stop(0.4, rgb(255,255,255))); background: -moz-linear-gradient(center bottom, rgb(242,242,242) 0%, rgb(255,255,255) 40%);} .DashboardPractice .universalForm .formCols dd .fText:hover, .DashboardPractice .universalForm .formCols dd .fTextArea:hover, .DashboardPractice .universalForm .formCols dd .fSelect:hover {border-color: #999;} .DashboardPractice .universalForm .formCols.formError dd .fText, .DashboardPractice .universalForm .formCols.formError dd .fTextArea, .DashboardPractice .universalForm .formCols.formError dd .fSelect {background: #ffdddd; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,219,219)), color-stop(0.4, rgb(255,233,233))); background: -moz-linear-gradient(center bottom, rgb(255,219,219) 0%, rgb(255,233,233) 40%); border-color: #ffafaf;} .DashboardPractice .universalForm .formCols.formError dd .fText:hover, .DashboardPractice .universalForm .formCols.formError dd .fTextArea:hover, .DashboardPractice .universalForm .formCols.formError dd .fSelect:hover {border-color: #ff4f4f;} .DashboardPractice .universalForm .formCols.formError.required dd .fText {width: 553px; padding-right: 90px;} .DashboardPractice .universalForm .formCols dt {font-size: 1.2em; padding-bottom: 0.1em;} .DashboardPractice .universalForm .formCols dt.other {font-size: 1em;} .DashboardPractice .universalForm .formCols dt label {position: static; color: #555; text-shadow: #fff 1px 1px 0;} .DashboardPractice .universalForm .formError dt label {color: #cf0000;} .DashboardPractice .universalForm .formCols.required dt.fCheck {border-bottom: 1px solid #ccc;} .DashboardPractice .universalForm .required .reqLabel, .DashboardPractice .universalForm .required dd .reqLabel, .DashboardPractice .universalForm .required dt .reqLabel {display: block; position: absolute; padding: 5px 14px 6px 14px; top: 0; right: 0; text-align: right; background: #ccc; color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; text-shadow: none;} .DashboardPractice .universalForm .formCols.required dd ul {width: 50%;} .DashboardPractice .universalForm .formCols dd .textAreaContainer {position: relative;} .DashboardPractice .universalForm .formCols.required dd .textAreaContainer .reqLabel {top: -2.4em;} .DashboardPractice .universalForm .formError .reqLabel, .DashboardPractice .universalForm .formError dd .reqLabel, .DashboardPractice .universalForm .formError dt .reqLabel {background: #ff4f4f;} .DashboardPractice .universalForm .formCols dd.fCheck label {width: 640px; position: relative; display: block; padding: 0.4em 5px; cursor: pointer;} .DashboardPractice .universalForm .formCols dd.fCheck label:nth-child(even) {background: #eaeaea;} .DashboardPractice .universalForm .formCols dd.fCheck label:hover, .DashboardPractice .universalForm .formCols dd.fCheck label.hover {background: #ccc; color: #fff;} .DashboardPractice .universalForm .formCols dd.fCheck label.labelTooltip {border-bottom: none; cursor: help;} .DashboardPractice .universalForm .formCols label .tooltip {position: absolute; z-index: 99; top: 6px; right: 6px; width: 270px; display: none; padding: 5px 14px 6px 14px; background: #fff; color: #666; text-transform: none; text-align: left; font-weight: normal; font-size: 12px; border: 1px solid #ccc; -moz-box-shadow: 0 0 8px #ccc;} .DashboardPractice .universalForm .formCols label .tooltip .arrow {position: absolute; display: block; background: url(../images/tooltip_arrow.png) no-repeat; width: 17px; height: 22px; top: -5px; left: -17px;} .DashboardPractice .universalForm .formCols label:hover .tooltip, .DashboardPractice .universalForm .formCols label.hover .tooltip {display: block;} .DashboardPractice .universalForm .formCols label.labelTooltip {border-bottom: 1px dotted #666; cursor: help;} .DashboardPractice .universalForm .formCols.nextstep a {font-size: 1.2em;} .DashboardPractice .universalForm .formCols table tr th {padding-right: 8px; font-size: 1.2em; color: #555; text-shadow: #f6f6f6 1px 1px 0; white-space: nowrap;} .DashboardPractice .universalForm .formCols .btn {float: left; width: 130px; background: #aaa; color: #fff; border-top-color: #fff; border-left-color: #fff; border-bottom-color: #888; border-right-color: #888; padding: 5px 12px; font: bold 1.2em Arial, Helvetica, sans-serif; margin-right: 0 !important;} .DashboardPractice .universalForm .formCols .btn:hover {background: #888;} .DashboardPractice .universalForm .formCols table .btn {width: 48px; background-color: #e7e7e7; color: #000; border-top-color: #ccc; border-left-color: #ccc; border-bottom-color: #aaa; border-right-color: #aaa; font-weight: normal; font-size: 1em;} .DashboardPractice .universalForm .formCols table .btn:hover {background: #d0d0d0;} .DashboardPractice .universalForm .formCols table td img {margin: 0;} .DashboardPractice .universalForm .formText {margin: 0; padding: 0 2% 1em 2%; border: none; background: none; font-size: 1.2em;} .DashboardPractice .universalForm .formText h4 {color: #555; text-shadow: #fff 1px 1px 0;} .DashboardPractice .universalForm .publishTools {overflow: hidden; width: 648px; margin-top:20px; margin-bottom: 20px; background: url(../images/white_fade.png) top repeat-x #4ab848; color: #fff; padding: 6px 15px; font-size: 1em; letter-spacing: 0; border-bottom: 1px solid #fff;} .DashboardPractice .universalForm .publishTools .btn {float: left; padding: 5px 12px; background: #0e820d; border-color: #8ed38d #015b00 #015b00 #8ed38d; font: bold 115% Arial, Helvetica, sans-serif; color: #fff;} .DashboardPractice .universalForm .publishTools .btn:hover {background: #015b00;} .DashboardPractice .universalForm .publishTools .autosave {float: left; margin: 7px 10px 7px 0; padding-left: 10px; color: #c7ffa1; border-left: 1px solid #c7ffa1;} .DashboardPractice .universalForm .publishTools .lastsaved {float: left; margin: 7px 10px; color: #c7ffa1;} .DashboardPractice .universalForm .publishTools .autosave span, .DashboardPractice .universalForm .publishTools .lastsaved span {color: #fff;} .DashboardPractice .universalForm .publishTools .publishPair {float: right;} .DashboardPractice .universalForm .publishTools .publishPair label {font-weight: bold;} .DashboardPractice .universalForm .publishTools .publishPair #Item_Published {width: 70px; padding: 5px; font-size: 115%;} .DashboardPractice .universalForm .sectionForm h2 {position: relative; width: 100%; background: url(../images/white_fade.png) top repeat-x #777; color: #fff; padding: 6px 0; margin: 0; letter-spacing: 0; border-bottom: 1px solid #fff;} .DashboardPractice .universalForm .sectionForm h2 .titlePad {padding-left: 20px; background: url(../images/collapsed.png) no-repeat 8px 8px;} .DashboardPractice .universalForm .sectionForm h2.open .titlePad {background: url(../images/expanded.png) no-repeat 5px 10px;} .DashboardPractice .universalForm .sectionForm fieldset {margin: 0; padding: 0.8em 0;} .DashboardPractice .universalForm .sectionForm fieldset p {width: 100%; padding: 0; font: 100% Helvetica, Arial, sans-serif; line-height: 1.5em;} .DashboardPractice .universalForm .sectionForm fieldset table tr td {background-color: #fff;} .DashboardPractice .universalForm .sectionForm#sectionLinks fieldset h3:first-child {margin-top: 0;} .DashboardPractice .universalForm .sectionForm fieldset .autoSuggest ul {width: 648px; margin: 0; background: #fff; list-style: none; border: 1px solid #ccc; border-top: none;} .DashboardPractice .universalForm .sectionForm fieldset .autoSuggest li a {display: block; padding: 4px 5px; border: none; cursor: pointer;} .DashboardPractice .universalForm .sectionForm fieldset .autoSuggest li a:hover {background: #eee;} .DashboardPractice .universalForm .sectionForm fieldset .autoSuggest li.addnew {border-top: 1px dotted #ccc;} .DashboardPractice .universalForm .sectionForm fieldset ul#institutionList {margin-top: 5px; margin-bottom: 0;} .DashboardPractice .universalForm .sectionForm fieldset ul#institutionList li {background: none; padding-left: 0;} .DashboardPractice .universalForm .sectionForm fieldset ul#institutionList li a {display: block; padding: 4px 10px 4px 20px; background: url(../images/accept_alt2.png) no-repeat 0 5px; color: #333;} .DashboardPractice .universalForm .sectionForm fieldset ul#institutionList li a:hover {background-image: url(../images/cancel_alt.png); color: #ff0000; border-bottom: none; text-decoration: none;} .DashboardPractice .overlay {width: 670px; text-align: left; overflow: hidden;} .DashboardPractice .overlay .universalForm .sectionForm h2:hover {background-color: #777 !important; cursor: default !important;} .DashboardPractice .overlay .universalForm .sectionForm h2 .titlePad {background: none; padding-left: 2%;} .DashboardPractice.has_js .universalForm .sectionForm h2 {cursor: pointer;} .DashboardPractice.has_js .universalForm .sectionForm h2:hover {background-color: #555;} .DashboardPractice.has_js .universalForm .sectionForm .boxForm {display: none;} .DashboardPractice.has_js .universalForm .sectionForm#sectionOutline .boxForm {display: block;} .DashboardPractice.has_js #colorbox .universalForm .boxForm {display: block;} .DashboardPractice.has_js #colorbox iframe {overflow: hidden; height: 130px !important; display: block; border: none !important; background-color: transparent;} #ownerValidationMessage {display:block; float:right; color:#777;} .deletePracticeForm a.btn {margin-right: 5px; padding: 3px 8px;} .deletePracticeForm a.btn:hover, .deletePracticeForm a.btn:visited {border-bottom-color: #aaa;} .deletePracticeForm input.btn {font-family: Helvetica, Arial, sans-serif;} /*=SOCIAL LINKS ------------------------------------------------------------*/ #shareUtils { background: #FFF url(../images/social-utils.jpg) left 2px no-repeat; padding: 16px 0 0 10px; position: absolute; top: -2px; right: 0; height: 55px; width: 134px; z-index: 10; } #shareUtils p { color: #999; float: left; } #shareUtils ul { background: none; border: 0; clear: right; display: block; float: right; list-style: none; margin: 0; padding: 0; } #shareUtils li { background: none; margin: 0 0 5px 5px !important; } #shareUtils li a { background-repeat: no-repeat; display: block; float: left; height: 16px; text-indent: -5000em; width: 16px; } #shareUtils li#facebookShare a { background-image: url(../images/icon-facebook.png) !important; } #shareUtils li#twitterShare a { background-image: url(../images/icon-twitter.png) !important; } #shareUtils li#linkedinShare a { background-image: url(../images/icon-linkedin.png) !important; } #shareUtils li#deliciousShare a { background-image: url(../images/icon-delicious.png) !important; } #shareUtils li#mailUtil a { background-image: url(../images/icon-mail.png) !important; } #shareUtils li#printUtil a { background-image: url(../images/icon-print.png) !important; } #shareUtils a { border: none; padding: 0; } #pNavigation #shareUtils li:hover, #pNavigation #shareUtils img:hover, #pNavigation #shareUtils a:hover { border: none; } /*=EMAIL POPUP ------------------------------------------------------------*/ #email-friend { text-align: left; width: 350px; } #email-friend h1 { margin-top: 10px; } #email-friend p { border-bottom: 1px solid #D3D3D0; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; } #email-friend ul { list-style: none; margin: 0 0 10px; padding: 0; } #email-friend li { display: block; margin-bottom: 10px; clear:left; } #email-friend label { display: block; float: left; line-height: 24px; width: 100px; } #email-friend input[type=text] { background-color: #FFF; border: 1px solid #CCC; height: 24px; padding: 2px; } #email-friend input[type=submit] { background-color: #DDD; border: 1px solid #CCC; margin-left: 100px; padding: 5px 10px; } #email-friend span.note { clear: both; color: #999; display: block; font-size: 10px; margin-top: 5px; } #email-friend span.error { float:left; clear:left; margin: 5px 0 5px 100px; font-size: 87.5%; }