/* Structural elements styling */ body {font: 12pt Verdana, Arial, sans-serif; color: #000; background-color: #FFF; height: 100%} #page-wrap {width: auto; border: 0; margin: 0 5%; padding: 0;} /* individual global styles */ .clear {clear:both;} a:link, a:visited { color: #0175b2; background: transparent; font-weight: bold; text-decoration: underline; } h1 {font: 18pt Georgia, Times, serif; letter-spacing: 0.05em; text-transform: capitalize; padding: 0.5em; border-bottom: 1px} h2 {font: 16pt Georgia, Times, serif; padding: 1em 1em 0.5em;} h3 {font: 15pt Georgia, Times, serif; padding: 1em 1em 0.5em;} h4 {font: 13pt Georgia, Times, serif; padding: 1em 1.2em 0.5em;} ul h3, ul h4 {margin: 0.5em 0;} /* Header element styling */ #header {display:none;} /* top navigation */ #top-nav {display:none;} /* Main page area */ #main {width: auto; margin: 0 0 2em 0;} /* sidebar area */ #main-sidebar {display:none;} /* main content area */ #main-content {float: none;} #content-holder {width: auto;} .section-top {position: relative; width: 46em; margin:0 0.4em; border-top: 10px solid #dadada; background: #f8f8f8 url(../images/assets/sectionheadshadow.jpg) repeat-x bottom left; } .section-top p {padding: 1em 1em 1.5em; font: normal 1.2em Georgia, times, serif;} .section-top img {float:right; margin: -1em 2em 1em; height:115px;} .contentbox {font-size: 0.9em; width: auto; background: #FFF; margin:0 0.5em; padding: 2em 0em;} .contentbox p {margin: 0 3em 2em 1.4em; line-height: 1.4em;} .contentbox ol {margin: 0 3em 2em;} .contentbox ol li {padding: 0.3em; line-height:1.4em; list-style: decimal;} .contentbox ul {margin: 0 3em 2em;} .contentbox ul li {padding: 0.3em; line-height:1.4em; list-style:disc;} .content-float-sml {float: left; width: 70%; margin: 4em 0;} .content-float-md {float: left; width: 35%; margin: 4em 0;} .img-left {float: left; margin:0.5em 1em 1em 1.4em; border: 0px solid #cacaca; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; } .img-right {float: right; margin:0.5em 1.4em 1em 1em; border: 0px solid #cacaca; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; } .content-banner img { margin:0 0 1em 1em; border: 4px solid #cacaca; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; } address {margin: 0 0 2em 1.5em;} address span {display: block; line-height: 1.4em; font-style:normal;} /* floated for two columns */ .floating-list {float:left; margin-right:2em;} /* Highlighted paragraph for conclusions */ .conclusion {font-weight: bold;} /* superscript for glossary definition links */ .contentbox sup {font-size: 0.5em;} /* next step link styling */ #next-step {font: 1.2em georgia, times, serif; line-height: 1.2em; margin: 0 0em 2em 4em; display:block;} #next-step strong {display: block; text-indent: -1em; padding: 1em 0; font-weight: normal;} /* timeline styling */ #timeline { float: none; margin: 3em 0; padding:0; border-top: 1px solid #cacaca;} #timeline li {float:left; display: block; height:20px; list-style:none; position:relative; margin:1em 0.5em 1.5em 0;} #timeline a {font-size: 0.8em; min-height:24px; min-width: 1em; max-width: 6em; display: block; margin:0; padding-left:30px; border: 0; background: url("../images/assets/timelinearrows.png") no-repeat;} #timeline a:link {background-position: 0 0px; color: #bfbfbf;} #timeline a:visited {background-position: 0 -141px;} #timeline a:focus {background-position: 0 -280px; color: #0175b2;} #timeline a:focus span {border-bottom: 1px dotted;} #timeline a:hover {background-position: 0 -280px; color: #0175b2;} #timeline a:hover span {border-bottom: 1px dotted;} #timeline .first {background: none; padding-left:0;} /* current timeline highlights */ body#warps-explained #tl-warps-explained {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#warps-explained #tl-warps-explained span {border-bottom: 1px solid;} body#background #tl-background {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#background #tl-background span {border-bottom: 1px solid;} body#benefits #tl-benefits {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#benefits #tl-benefits span {border-bottom: 1px solid;} body#case-studies #tl-case-studies {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#case-studies #tl-case-studies span {border-bottom: 1px solid;} body#press-say #tl-press-say {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#press-say #tl-press-say span {border-bottom: 1px solid;} body#join-a-warp #tl-join-a-warp {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#join-a-warp #tl-join-a-warp span {border-bottom: 1px solid;} body#find-a-warp #tl-find-a-warp {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#find-a-warp #tl-find-a-warp span {border-bottom: 1px solid;} body#investigate-alternatives #tl-investigate-alternatives {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#investigate-alternatives #tl-investigate-alternatives span {border-bottom: 1px solid;} body#set-up-warp #tl-set-up-warp {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#set-up-warp #tl-set-up-warp span {border-bottom: 1px solid;} body#identify-community #tl-identify-community {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#identify-community #tl-identify-community span {border-bottom: 1px solid;} body#review-benefits #tl-review-benefits {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#review-benefits #tl-review-benefits span {border-bottom: 1px solid;} body#costs-and-funding #tl-costs-and-funding {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#costs-and-funding #tl-costs-and-funding span {border-bottom: 1px solid;} body#business-case #tl-business-case {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#business-case #tl-business-case span {border-bottom: 1px solid;} body#register-warp #tl-register-warp {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#register-warp #tl-register-warp span {border-bottom: 1px solid;} body#run-a-warp #tl-run-a-warp {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#run-a-warp #tl-run-a-warp span {border-bottom: 1px solid;} body#sign-up #tl-sign-up {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#sign-up #tl-sign-up span {border-bottom: 1px solid;} body#introduce-services #tl-introduce-services {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#introduce-services #tl-introduce-services span {border-bottom: 1px solid;} body#filtered-warnings #tl-filtered-warnings {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#filtered-warnings #tl-filtered-warnings span {border-bottom: 1px solid;} body#advice-brokering #tl-advice-brokering {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#advice-brokering #tl-advice-brokering span {border-bottom: 1px solid;} body#trusted-sharing #tl-trusted-sharing {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#trusted-sharing #tl-trusted-sharing span {border-bottom: 1px solid;} body#resources #tl-resources {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#resources #tl-resources span {border-bottom: 1px solid;} body#directory #tl-directory {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#directory #tl-directory span {border-bottom: 1px solid;} body#annual-forum #tl-annual-forum {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#annual-forum #tl-annual-forum span {border-bottom: 1px solid;} body#operators-forum #tl-operators-forum {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#operators-forum #tl-operators-forum span {border-bottom: 1px solid;} body#marketing-materials #tl-marketing-materials {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#marketing-materials #tl-marketing-materials span {border-bottom: 1px solid;} body#case-reference #tl-case-reference {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#case-reference #tl-case-reference span {border-bottom: 1px solid;} body#building-trust #tl-building-trust {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#building-trust #tl-building-trust span {border-bottom: 1px solid;} body#service-guides #tl-service-guides {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#service-guides #tl-service-guides span {border-bottom: 1px solid;} body#warp-software #tl-warp-software {background-position: 0 -280px; color: #0175b2; font-weight: bold;} body#warp-software #tl-warp-software span {border-bottom: 1px solid;} /* END current timeline highlights */ /* home page specific styling */ #welcome-banner a:focus {border:none} #welcome-banner a:hover {border:none} #welcome-banner {width: 46.8em; float: none; margin: 0 0 1.25em 0; background: #670134 url("../images/assets/splash-bg-graphic.jpg") no-repeat top right; color: #FFF; } #welcome-banner h1 {padding: 1em 0 0 1.4em; font: normal 18pt Georgia, times, serif; background: none;} #welcome-banner h1 span {padding-top: 0.2em; display: block; font: italic 10pt Georgia, times, serif;} #welcome-banner p {padding: 2em 13em 2em 2.7em; font: bold 12pt Verdana, Arial, sans-serif; letter-spacing: 0.06em;} #splash-buttons {display: none; margin: 2em 4em; padding:0; width: 200px; height: 160px;} #splash-buttons a {border: 0;} #splash-buttons li {text-indent: -9999em;} #splash-buttons li {float:left; list-style:none; position:relative;} #splash-buttons li, #splash-buttons a {height:40px; display: block; margin:0; padding:0;} li#splash1, li#splash2, li#splash3 { margin-bottom:20px; width:200px; } li#splash3 { margin:0; } #splash-buttons a {background: url("../images/assets/splashbuttonstates.png") 0 0 no-repeat;} #splash1 a {background-position: -10px -10px;} #splash1 a:focus {background-position: -220px -10px;} #splash1 a:hover {background-position: -220px -10px;} #splash1 a:active {background-position: -430px -10px;} #splash2 a {background-position: -10px -70px;} #splash2 a:focus {background-position: -220px -70px;} #splash2 a:hover {background-position: -220px -70px;} #splash2 a:active {background-position: -430px -70px;} #splash3 a {background-position: -10px -130px;} #splash3 a:focus {background-position: -220px -130px;} #splash3 a:hover {background-position: -220px -130px;} #splash3 a:active {background-position: -430px -130px;} #whats-new p {padding:0 2em 2em 5em; font: 10pt Verdana, Arial, sans-serif; } #whats-new h2 {padding: 0.6em 1.9em; margin:0 0 1.25em 0; background: url(../images/assets/mainnavbg.jpg) repeat-x left; color:#515151;} /* END home page specific styling ---------------------------------------*/ /* WARP directory styling */ .contentbox #directory-nav li {padding: 0.5em; list-style:none; line-height:1.3em; font-style: italic;} .contentbox table {max-width: 70em; font-size: 0.9em; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; margin: 0 auto 4em; border-collapse:collapse;} .contentbox table caption {font-size: 14pt; font-weight: bold; text-align: left; margin: 0; padding: 0.3em 0.5em; color: #FFF; background: #670134 url(../images/assets/contentheadingfade.jpg) repeat-y top right;} .contentbox table td {font-size: 10pt; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; padding: 0.5em 1em; text-align:center;} .contentbox table ul {margin: 0;} .contentbox table td {background:#f7fbff} .contentbox table td.tbl-details {padding: 0; background:#d0dafd;} .contentbox table ul li {padding: 0.5em; border-bottom: 1px solid #FFF; list-style: none;} .tbl-emphasis {font-size: 16pt; font-weight: bold;} .active {color: #0e6c2d;} .pending {color: #a90000;} .contentbox table td.tbl-description div {text-align: left;} .contentbox table td.tbl-description a {float: right; margin: 1em;} .contentbox table td.tbl-website a span {display: block;} .contentbox table td.tbl-website a img {margin-bottom: 0.2em; width:150px;} /* directory page styling */ ol.upper-roman {list-style-type: upper-roman; margin-bottom: 2em;} ol.upper-roman li {list-style-type: upper-roman;} /* end directory page styling */ /* directory map styling */ #map-box { width: auto; height:auto;} #map-box a {border:none;} #map { float: none; display:block; width:490px; height:633px; background:url(../images/map/map-highlight.jpg); position:relative; margin: 1em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} a#map-bg, a#map-bg:visited {display:block; width:490px; height:633px; position:absolute; left:0; top:0; cursor:default; text-decoration:none;} * html a#map-bg {height:633px; he\ight:0;} #map a#map-bg:hover, #map a#map-bg:focus {background:transparent url(../images/map/map.jpg) no-repeat 0 0; overflow:hidden; color:#c00; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} a#north-east {display:block; width:122px; height:132px; overflow:visible; position:absolute; left:207px; top:23px;} * html a#north-east {height:132px; he\ight:0;} a#north-east:hover, a#north-east:focus {background:transparent url(../images/map/north-east.png) no-repeat 0 0; overflow:visible; z-index:2;} a#north-west {display:block; width:100px; height:216px; overflow:visible; position:absolute; left:153px; top:87px;} * html a#north-west {height:216px; he\ight:0;} a#north-west:hover, a#north-west:focus {background:transparent url(../images/map/north-west.png) no-repeat 0 0; overflow:visible; z-index:2;} a#yorkshire-humber {display:block; width:160px; height:124px; overflow:visible; position:absolute; left:221px; top:147px;} * html a#yorkshire-humber {height:120px; he\ight:0;} a#yorkshire-humber:hover, a#yorkshire-humber:focus {background:transparent url(../images/map/yorkshire-humber.png) no-repeat 0 0; overflow:visible; z-index:2;} a#west-midlands {display:block; width:118px; height:132px; overflow:visible; position:absolute; left:177px; top:281px;} * html a#west-midlands {height:132px; he\ight:0;} a#west-midlands:hover, a#west-midlands:focus {background:transparent url(../images/map/west-midlands.png) no-repeat 0 0; overflow:visible; z-index:2;} a#east-midlands {display:block; width:144px; height:152px; overflow:visible; position:absolute; left:251px; top:247px;} * html a#east-midlands {height:152px; he\ight:0;} a#east-midlands:hover, a#east-midlands:focus {background:transparent url(../images/map/east-midlands.png) no-repeat 0 0; overflow:visible; z-index:2;} a#south-west {display:block; width:262px; height:208px; overflow:visible; position:absolute; left:19px; top:393px;} * html a#south-west {height:208px; he\ight:0;} a#south-west:hover, a#south-west:focus {background:transparent url(../images/map/south-west.png) no-repeat 0 0; overflow:visible; z-index:2;} a#south-east {display:block; width:210px; height:148px; overflow:visible; position:absolute; left:263px; top:379px;} * html a#south-east {height:148px; he\ight:0;} a#south-east:hover, a#south-east:focus {background:transparent url(../images/map/south-east.png) no-repeat 0 0; overflow:visible; z-index:2;} a#east-england {display:block; width:153px; height:150px; overflow:visible; position:absolute; left:334px; top:295px;} * html a#east-england {height:150px; he\ight:0;} a#east-england:hover, a#east-england:focus {background:transparent url(../images/map/east-england.png) no-repeat 0 0; overflow:visible; z-index:2;} a#london {display:block; width:48px; height:38px; overflow:visible; position:absolute; left:349px; top:429px;} * html a#london {height:38px; he\ight:0;} a#london:hover, a#london:focus {background:transparent url(../images/map/london.png) no-repeat 0 0; overflow:visible; z-index:2;} a#wales {display:block; width:164px; height:194px; overflow:visible; position:absolute; left:45px; top:265px;} * html a#wales{height:50px; he\ight:0;} a#wales:hover, a#wales:focus {background:transparent url(../images/map/wales.png) no-repeat 0 0; overflow:visible; z-index:2;} a#scotland {display:block; width:107px; height:92px; overflow:visible; position:absolute; left:92px; top:0px;} * html a#scotland {height:50px; he\ight:0;} a#scotland:hover, a#scotland:focus {background:transparent url(../images/map/scotland.png) no-repeat 0 0; overflow:visible; z-index:2;} a#northern-ireland {display:block; width:107px; height:102px; overflow:visible; position:absolute; left:3px; top:114px;} * html a#northern-ireland {height:50px; he\ight:0;} a#northern-ireland:hover, a#northern-ireland:focus {background:transparent url(../images/map/northern-ireland.png) no-repeat 0 0; overflow:visible; z-index:2;} /* Map highlights */ #map a {color:#000; font-size:0.8em;} #map a span {position: absolute; display: block; width: auto; border-left: 5px solid #eeefff; z-index:1;} #map a span strong {display: block; background: #e7c5d3; padding:5px 0px 0 5px; border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; width: 180px;} #map a span em {display: block; background: #e7c5d3; padding:0px 0px 5px 5px; font-style:normal; width: 180px;} #north-east span {left: 283px; top: 46px;} a#north-east:hover span, a#north-east:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2;} a#north-east:hover span strong, a#north-east:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#north-east:hover span em, a#north-east:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #north-west span {left: 337px; top: 26px;} a#north-west:hover span, a#north-west:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#north-west:hover span strong, a#north-west:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#north-west:hover span em, a#north-west:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #yorkshire-humber span {left: 269px; top: 10px;} a#yorkshire-humber:hover span, a#yorkshire-humber:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#yorkshire-humber:hover span strong, a#yorkshire-humber:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#yorkshire-humber:hover span em, a#yorkshire-humber:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #west-midlands span {left: 313px; top: -36px;} a#west-midlands:hover span, a#west-midlands:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#west-midlands:hover span strong, a#west-midlands:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#west-midlands:hover span em, a#west-midlands:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #east-midlands span {left: 239px; top: 42px;} a#east-midlands:hover span, a#east-midlands:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#east-midlands:hover span strong, a#east-midlands:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#east-midlands:hover span em, a#east-midlands:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #south-west span {left: 471px; top: 72px;} a#south-west:hover span, a#south-west:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#south-west:hover span strong, a#south-west:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#south-west:hover span em, a#south-west:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #south-east span {left: 227px; top: 42px;} a#south-east:hover span, a#south-east:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#south-east:hover span strong, a#south-east:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#south-east:hover span em, a#south-east:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #east-england span {left: 156px; top: 38px;} a#east-england:hover span, a#east-england:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#east-england:hover span strong, a#east-england:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#east-england:hover span em, a#east-england:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #london span {left: 141px; top: -52px;} a#london:hover span, a#london:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#london:hover span strong, a#london:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#london:hover span em, a#london:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #wales span {left: 445px; top: -64px;} a#wales:hover span, a#wales:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#wales:hover span strong, a#wales:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#wales:hover span em, a#wales:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #scotland span {left: 398px; top: 9px;} a#scotland:hover span, a#scotland:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2;} a#scotland:hover span strong, a#scotland:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#scotland:hover span em, a#scotland:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} #northern-ireland span {left: 487px; top: -75px;} a#northern-ireland:hover span, a#northern-ireland:focus span {width: 105%; -webkit-transition: width .4s linear; z-index:2} a#northern-ireland:hover span strong, a#northern-ireland:focus span strong {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} a#northern-ireland:hover span em, a#northern-ireland:focus span em {color: #FFF; background-color: #670134; -webkit-transition: background-color .4s linear;} /* END directory page styling */ /* glossary styling */ .glossary-list dt {padding:1em; font:italic 1.2em Georgia, Times, serif; color: #670134;} .glossary-list dd {font:normal 0.7em Verdana, Arial, serif; color: #000; display: block; padding:1em 1em 0 0;} #footer {display:none; font-size: 0.8em; padding: 0.6em 1.9em; width: auto; background: url(../images/assets/mainnavbg.jpg); margin: 0 auto 1.25em;}