W3C CSS Validator results for http://www.sanger.ac.uk/help/ (CSS level 2.1)

Sorry! We found the following errors (6)

URI : http://www.sanger.ac.uk/t/cssjs/y01YKjIx6hOBy8yzXLDzzQ.c.css

1 .opac60 Property opacity doesn't exist in CSS level 2.1 but exists in : 0.6 0.6
1 .opac70 Property opacity doesn't exist in CSS level 2.1 but exists in : 0.7 0.7
1 .opac80 Property opacity doesn't exist in CSS level 2.1 but exists in : 0.8 0.8
1 .opac90 Property opacity doesn't exist in CSS level 2.1 but exists in : 0.9 0.9
1 .TB_overlayBG Property opacity doesn't exist in CSS level 2.1 but exists in : 0.75 0.75
1 #TB_HideSelect Property opacity doesn't exist in CSS level 2.1 but exists in : 0 0

↑ Top

Valid CSS information

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .more {
margin : 0;
padding : 0;
border : 0;
vertical-align : baseline;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
}
:focus {
outline : 0;
}
body {
line-height : 1;
color : #000;
background : #fff;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
body {
font-family : 'Verdana', Arial, helvetica, serif;
}
code, tt, pre {
font-family : 'Andale mono', 'Courier new', Courier, fixed;
}
#wrap {
padding : 0 8px 0 10px;
margin : 0;
background-color : #bcc5cc;
}
#wrapB, #wrapT {
width : 100%;
height : 10px;
background-color : #bcc5cc;
overflow : hidden;
}
#wrapT {
margin-top : 5px;
}
#wrapB {
margin-bottom : 10px;
}
#wrapTL, #wrapTR, #wrapBL, #wrapBR {
float : left;
width : 10px;
height : 10px;
background : url(/i/icons-100708.png) no-repeat 0% -500px;
}
#wrapTR {
float : right;
background-position : 0% -480px;
}
#wrapBL {
background-position : 0% -510px;
}
#wrapBR {
float : right;
background-position : 0% -490px;
}
#wrap:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
@media print {
#wrap {
width : 100%;
float : none;
margin : 0;
padding : 0;
border : 0;
background-color : white;
}
#wrapB, #wrapT {
display : none;
}
}
.panel {
margin : 0;
padding : 3px;
background : #fff;
border : 1px solid #ccc;
clear : both;
}
.cb {
margin : 0;
padding : 5px;
clear : both;
}
.bt, .bb, .bt div, .bb div {
background-image : url(/i/bars-100412.png);
background-repeat : no-repeat;
height : 8px;
margin : 0;
}
.bt div, .bb div {
position : relative;
left : 0;
width : 8px;
font-size : 0;
line-height : 0;
}
.bt {
background-position : 100% -32px;
}
.bt div {
background-position : 0% -32px;
}
.bb {
background-position : 100% -40px;
height : 11px;
}
.bb div {
background-position : 0% -40px;
height : 11px;
}
.i1 {
margin : 0;
display : block;
padding : 0 1px 0 0;
background-color : #b2bbc2;
}
.i2 {
margin : 0;
display : block;
padding : 0 1px 0 0;
background-color : #a0a8ae;
}
.i3 {
background-color : #fff;
margin : 0;
display : block;
padding : 0;
}
.i3 > :first-child {
padding-top : 0;
margin-top : 0;
}
.panel:after, .i1:after, .i2:after, .i3:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
@media print {
.cb, .panel, .i1, .i2, .i3 {
border : 0;
padding : 0;
margin : 0;
}
.panel, .cb {
margin : 1em 0;
}
.bt, .bb {
display : none;
}
.i1, .i2 {
background-color : white;
}
}
.callout {
width : 33%;
float : left;
margin : 10px;
}
.callout .panel {
background-color : #0e518d;
border : 0;
}
.callout .bt {
background-position : 100% -16px;
}
.callout .bt div {
background-position : 0% -16px;
}
.callout .bb {
height : 8px;
background-position : 100% -24px;
}
.callout .bb div {
height : 8px;
background-position : 0% -24px;
}
.callout .i1, .callout .i2 {
padding : 0;
}
.callout .i3 {
padding : 0;
background : #0e518d;
}
.callout.right {
float : right;
}
.callout.fifty {
width : 50%;
}
.callout.quarter {
width : 25%;
}
.callout a {
color : #fff;
}
.callout p {
background-color : #0e518d;
color : #fff;
font-weight : bold;
}
#wrap .callout p {
padding : 10px 10px 0 10px;
}
#wrap .callout p:first-child {
padding-top : 0;
}
@media print {
.callout .i3 {
padding : 10px;
margin : 10px;
}
}
.developer.panel {
background-color : #ffe8cc;
border : 0;
}
.developer .bt {
background-position : 100% -420px;
}
.developer .bt div {
background-position : 0% -420px;
}
.developer .bb {
background-position : 100% -428px;
}
.developer .bb div {
background-position : 0% -428px;
}
.developer .i3 {
background-color : #ffe8cc;
}
.developer h3 {
color : #8e0018;
border-bottom : 1px solid #8e0018;
}
.box-info.panel {
background-color : #cfc;
border : 0;
}
.box-info .bt {
background-position : 100% -440px;
}
.box-info .bt div {
background-position : 0% -440px;
}
.box-info .bb {
background-position : 100% -448px;
}
.box-info .bb div {
background-position : 0% -448px;
}
.box-info .i3 {
background-color : #cfc;
}
.box-info h3 {
color : #060;
border-bottom : 1px solid #060;
}
.box-msg.panel {
background-color : #ffc;
border : 0;
}
.box-msg .bt {
background-position : 100% -460px;
}
.box-msg .bt div {
background-position : 0% -460px;
}
.box-msg .bb {
background-position : 100% -468px;
}
.box-msg .bb div {
background-position : 0% -468px;
}
.box-msg .i3 {
background-color : #ffc;
}
.box-msg h3 {
color : #960;
border-bottom : 1px solid #960;
}
.box-error.panel {
background-color : #fcc;
border : 0;
}
.box-error .bt {
background-position : 100% -480px;
}
.box-error .bt div {
background-position : 0% -480px;
}
.box-error .bb {
background-position : 100% -488px;
}
.box-error .bb div {
background-position : 0% -488px;
}
.box-error .i3 {
background-color : #fcc;
}
.box-error h3 {
color : #8e0018;
border-bottom : 1px solid #8e0018;
}
.box-warn.panel {
background-color : #ffe8cc;
border : 0;
}
.box-warn .bt {
background-position : 100% -500px;
}
.box-warn .bt div {
background-position : 0% -500px;
}
.box-warn .bb {
background-position : 100% -508px;
}
.box-warn .bb div {
background-position : 0% -508px;
}
.box-warn .i3 {
background-color : #ffe8cc;
}
.box-warn h3 {
color : #8e0018;
border-bottom : 1px solid #8e0018;
}
.cb .box-info .i2, .cb .box-msg .i2, .cb .box-error .i2, .cb .box-warn .i2 {
background-color : #dfdfdf;
}
.cb .box-info .i1, .cb .box-msg .i1, .cb .box-error .i1, .cb .box-warn .i1 {
background-color : #f5f5f5;
}
.panel .box-info.panel {
background-color : #cfc;
border : 0;
}
.cb .box-info .bt {
background-position : 100% -520px;
}
.cb .box-info .bt div {
background-position : 0% -520px;
}
.cb .box-info .bb {
background-position : 100% -528px;
}
.cb .box-info .bb div {
background-position : 0% -528px;
}
.cb .box-info .i3 {
background-color : #cfc;
}
.cb .box-info h3 {
color : #060;
border-bottom : 1px solid #060;
}
.panel .box-msg.panel {
background-color : #ffc;
border : 0;
}
.cb .box-msg .bt {
background-position : 100% -540px;
}
.cb .box-msg .bt div {
background-position : 0% -540px;
}
.cb .box-msg .bb {
background-position : 100% -548px;
}
.cb .box-msg .bb div {
background-position : 0% -548px;
}
.cb .box-msg .i3 {
background-color : #ffc;
}
.cb .box-msg h3 {
color : #960;
border-bottom : 1px solid #960;
}
.panel .box-error.panel {
background-color : #fcc;
border : 0;
}
.cb .box-error .bt {
background-position : 100% -560px;
}
.cb .box-error .bt div {
background-position : 0% -560px;
}
.cb .box-error .bb {
background-position : 100% -568px;
}
.cb .box-error .bb div {
background-position : 0% -568px;
}
.cb .box-error .i3 {
background-color : #fcc;
}
.cb .box-error h3 {
color : #8e0018;
border-bottom : 1px solid #8e0018;
}
.panel .box-warn.panel {
background-color : #ffe8cc;
border : 0;
}
.cb .box-warn .bt {
background-position : 100% -580px;
}
.cb .box-warn .bt div {
background-position : 0% -580px;
}
.cb .box-warn .bb {
background-position : 100% -588px;
}
.cb .box-warn .bb div {
background-position : 0% -588px;
}
.cb .box-warn .i3 {
background-color : #ffe8cc;
}
.cb .box-warn h3 {
color : #8e0018;
border-bottom : 1px solid #8e0018;
}
.project {
width : 33%;
float : left;
margin : 10px;
}
.project .bt {
background-position : 100% 0%;
}
.project .bt div {
background-position : 0% 0%;
}
.project .bb {
height : 8px;
background-position : 100% -8px;
}
.project .bb div {
height : 8px;
background-position : 0% -8px;
}
.project .i1, #page .project .i1 {
padding : 0 1px 0 0;
background-color : #bcc5cc;
}
.project .i2, #page .project .i2 {
padding : 0 0 0 1px;
background-color : #bcc5cc;
}
.project .i3, #page .project .i3 {
padding : 0 10px;
background : #fff;
}
.cPic, .cPic-c {
text-align : center;
padding : 10px 2px 5px 5px;
margin : 0 10px 5px;
display : block;
background : #fff;
}
.cPic {
width : 240px;
border : 1px solid #bcc5cc;
}
.cPic-c img, .cPic img {
margin : 0 auto;
}
.cPic-c p, .cPic p {
font-size : 0.8em;
text-align : center;
padding : 0.5em 0;
margin : 0 auto;
color : #505050;
line-height : 1.25em;
}
.cPic p {
margin-top : 10px;
border-top : 1px solid #bcc5cc;
margin : 10px auto 0 auto;
}
.cPic-c p img, .cPic p img {
float : right;
margin : 5px 0 0 0;
height : 18px;
width : 67px;
background : url(/i/bars-100412.png) no-repeat -80px -312px;
}
.cPic-c:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#featureR a img {
float : right;
margin : 5px 0 0 0;
height : 18px;
width : 67px;
background : url(/i/bars-100412.png) no-repeat -80px -312px;
}
#featureR a img {
margin-top : 10px;
float : none;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}
p {
padding : 0.5em 10px;
}
pre {
white-space : pre;
margin : 0.5em 10px;
padding : 3px;
border : 1px solid #bcc5cc;
background-color : #e0e4e7;
overflow : auto;
}
blockquote {
font-style : italic;
}
q, p.intro, span.intro, p.quote, span.quote {
color : #5c5150;
font-weight : bold;
font-style : italic;
}
@media print {
q, p.intro, span.intro, p.quote, span.quote {
color : black;
}
}
.right {
float : right;
}
.left {
float : left;
}
.c {
text-align : center;
}
.r {
text-align : right;
}
.l {
text-align : left;
}
.hide {
display : none;
}
.clear-float:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clear {
clear : both;
}
.draft {
color : #c00;
background-color : #fcc;
}
.print-show {
display : none;
}
@media print {
.print-hide {
display : none;
}
.print-show {
display : block;
}
span.print-show {
display : inline;
}
}
body {
margin : 0 auto;
border : 0;
background : #fff;
padding : 0 10px;
min-width : 800px;
max-width : 1400px;
font-size : 100%;
line-height : 1.125em;
position : relative;
}
#outer {
font-size : 0.75em;
}
#main {
float : left;
width : 75%;
padding : 0;
margin : 0;
border : 0;
}
#rhs {
width : 24%;
float : right;
}
#main:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.col1 {
width : 49%;
float : left;
}
.col2 {
width : 49%;
float : right;
}
.col12 {
width : 66%;
float : left;
}
.col3 {
width : 32%;
float : right;
}
#rhs .col1, #rhs .col2 {
width : auto;
float : none;
}
#fourcol .col1 h3, #fourcol .col2 h3 {
position : relative;
color : #8e0018;
border-bottom : 1px solid #ccc;
background : url(/i/bars-100412.png) 0% bottom;
}
#fourcol .col1 ul li, #fourcol .col2 ul li {
background : none;
padding-left : 10px;
}
#fourcol .col1 ul li a, #fourcol .col2 ul li a {
font-weight : bold;
}
@media print {
#rhs .panel, #rhs .cb {
display : none;
}
#rhs .rhs_print {
display : block;
border-top : 1px solid #bcc5cc;
padding-top : 10px;
}
#fourcol .col1 h3, #fourcol .col2 h3 {
background : none;
border-bottom : 0;
}
#outer, body {
width : 95%;
min-width : 95%;
max-width : 95%;
margin : 0 auto;
}
#rhs, #main, #outer {
width : 100%;
float : none;
}
}
#featureR {
width : 29%;
float : right;
text-align : right;
font-size : 9px;
color : #5c5150;
}
#featureR p {
margin-right : 10px;
}
#featureL {
width : 70%;
float : left;
}
#featureL p {
padding : 0 10px 10px 10px;
margin : 0;
}
#featureR div.seq {
height : 220px;
}
#featureR div {
max-width : 450px;
height : 170px;
background-position : center top;
border : 4px solid #bcc5cc;
margin : 0 10px 0 auto;
}
#faculty #main {
width : 62%;
}
#faculty #rhs {
width : 37%;
}
.facultyImage {
width : 95%;
height : 250px;
margin : 0 auto;
background-repeat : no-repeat;
background-position : center;
}
.facultyImage p {
display : none;
}
#faculty #rhs dt {
width : 30%;
margin : 5px 0;
}
#faculty #rhs dd {
width : 65%;
margin : 5px 0;
}
div.fac_thumb {
clear : left;
}
.fac_thumb img {
float : left;
margin : 10px;
padding : 5px;
border : 1px solid #bcc5cc;
}
p.portrait {
color : #5c5150;
font-size : 0.7em;
font-weight : normal;
text-align : center;
}
@media print {
#faculty #rhs, #faculty #main {
width : 100%;
float : none;
}
#rhs #teamleader {
display : block;
border-top : 1px solid #bcc5cc;
padding-top : 10px;
}
}
#teamleader h3, #project #main h3 {
position : relative;
color : #8e0018;
border-bottom : 1px solid #ccc;
background : url(/i/bars-100412.png) 0% bottom;
}
#teamleader p {
clear : left;
}
#teamleader img, .thumb {
width : 55px;
height : 55px;
float : left;
margin : 0 10px 5px 0;
}
#teamleader img {
height : auto;
}
@media print {
#teamleader h3 {
background : none;
border-bottom : 0;
}
}
.areas-landing {
margin : 10px;
}
.areas-landing dt {
clear : both;
float : none;
width : auto;
margin : 0;
}
.areas-landing dd {
margin-bottom : 1.5em;
}
.areas-landing dt img {
float : left;
margin : 5px 10px 10px 5px;
height : 55px;
width : 55px;
}
.twocol dd p, .twocol dd pre {
padding : 0;
margin : 0 0 0.5em 0;
}
.twocol dt {
clear : both;
width : 20%;
float : left;
color : #8e0018;
text-align : right;
margin : 1px 0;
font-weight : bold;
}
.twocol dt a {
color : #630;
text-decoration : underline;
font-weight : bold;
}
.twocol dt a:hover {
color : #ff7c0d;
}
.twocol dd {
float : right;
width : 77%;
color : #14559f;
padding : 0 5px;
margin : 1px 0 0.5em 0;
}
.evenwidth dt, .evenwidth dd {
width : 48%;
}
.evenwidth dt, .evenwidth dd {
width : 48%;
}
dl.twocol:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
h1, h2, h3, h4, h5, h6, h7 {
color : #14559f;
padding : 10px;
font-weight : bold;
}
h1 {
font-size : 1.75em;
color : #8e0018;
font-weight : normal;
padding : 0.25em 10px 0.5em 10px;
line-height : 1.75em;
}
h2 {
font-size : 1.4em;
font-weight : bold;
line-height : 1.4em;
}
h3 {
font-size : 1.2em;
padding-bottom : 4px;
font-weight : bold;
line-height : 1.2em;
}
#landing #main h3 {
position : relative;
color : #8e0018;
border-bottom : 1px solid #ccc;
background : url(/i/bars-100412.png) 0% bottom;
}
#landing #main h3 a {
color : #8e0018;
text-decoration : none;
}
#landing #feature h3 a {
color : #8e0018;
text-decoration : none;
}
#rhs h3 {
background : url(/i/bars-100412.png) 0% bottom;
border-bottom : 1px solid #ccc;
}
h4, h5 {
padding : 8px 10px 5px 10px;
font-size : 1em;
}
h6, h7 {
font-size : 2em;
background-color : #f99;
color : #900;
padding : 1em;
}
@media print {
#landing #main h3 {
background : none;
border-bottom : 0;
}
}
ol, ul {
padding : 0.5em 10px 0 0;
}
li, #rhs .bullet li {
padding : 0 0 0.25em 30px;
}
ul ul, ul ol, ol ul, ol ol {
padding-right : 0;
}
ul li, #rhs ul.bullet li {
list-style-type : none;
background : url(/i/icons-100708.png) no-repeat -2px -1984px;
}
ol li {
list-style : decimal;
list-style-position : inside;
}
ol li ul li {
list-style : none;
}
ul.boxes, #rhs ul {
padding : 0 10px 0 0;
}
#rhs ul ul {
padding : 0;
}
ul.boxes li, #rhs ul li {
padding : 0.25em 0 0.25em 10px;
background : none;
text-decoration : none;
}
dl {
margin : 0 10pt 0.5em 20px;
}
dt {
font-weight : bold;
margin : 0.25em 0 0 0;
}
dd {
margin : 0.25em 0 0.5em 2em;
}
a {
color : #14559f;
}
a:hover {
text-decoration : none;
}
a img {
border : none;
}
.extftp, .pdf, .external {
position : relative;
line-height : 18px;
background : url(/i/icons-100708.png) no-repeat right -201px;
padding-right : 14px;
}
.extftp {
background-position : right -260px;
}
.pdf {
background-position : right -100px;
}
#landing #main .external, .more .external {
padding-right : 0;
background : transparent;
}
p.more {
float : right;
padding-right : 10px;
}
p.more img {
vertical-align : top;
height : 18px;
width : 67px;
background : url(/i/bars-100412.png) no-repeat 0% -312px;
}
li.launch img {
vertical-align : top;
height : 18px;
width : 67px;
background : url(/i/bars-100412.png) no-repeat -160px -312px;
}
@media print {
a {
text-decoration : none;
}
.pdf, .external {
padding-right : 0;
background : none;
}
}
#header {
height : 71px;
}
#logo {
float : left;
}
#logo img {
width : 205px;
height : 60px;
padding : 5px 0 0 0;
}
#search {
width : 540px;
float : right;
line-height : 1;
padding : 5px 0;
font-size : 12px;
}
#search form {
padding : 0;
margin : 0;
float : right;
font-weight : bold;
}
#search #q_db {
border : 0;
padding : 0;
color : #000;
margin : 0;
background-color : transparent;
width : 12em;
font-weight : bold;
font-size : 12px;
}
#search input#q {
width : 200px;
border : 0;
padding : 0;
color : #000;
margin : 0;
font-weight : bold;
font-size : 12px;
background-color : transparent;
}
#search #q.qdef {
color : #bcc5cc;
}
#search #q_submit {
height : 20px;
width : 30px;
}
#search span {
display : block;
float : left;
height : 29px;
padding : 3px 0 3px 0;
border : 0;
margin : 0;
background : #e0e4e7 url(/i/bars-100412.png) no-repeat 0% -360px;
line-height : 12px;
}
#search #s1 {
padding : 7px 6px 2px 8px;
}
#search #s2, #search #s4 {
padding-left : 4px;
background-position : -398px -360px;
padding-top : 3px;
width : 200px;
}
#search #s2 {
width : 180px;
}
#search #s4 {
padding-top : 5px;
}
#search #s3 {
padding : 7px 6px 2px 8px;
background-position : -230px -360px;
}
#search #s5 {
width : 30px;
background-position : -1410px -360px;
}
#search_a {
clear : right;
float : right;
display : none;
font-size : 0.8em;
width : 10em;
}
@media print {
#search {
display : none;
}
}
body.s-s, #r-s {
font-size : 80%;
line-height : 1em;
}
body.s-n, #r-n {
font-size : 100%;
line-height : 1em;
}
body.s-l, #r-l {
font-size : 120%;
line-height : 1em;
}
body.s-x, #r-x {
font-size : 150%;
line-height : 1em;
}
body.s-p, #r-p {
font-size : 180%;
line-height : 1em;
}
.s-s #access {
font-size : 100%;
}
.s-l #access {
font-size : 66.66%;
}
.s-x #access {
font-size : 53.33%;
}
.s-p #access {
font-size : 44.44%;
}
#access {
float : right;
margin : 0.5em 0.5em 1px 0.5em;
font-size : 80%;
}
#access span {
float : left;
height : 14px;
width : 12px;
overflow : hidden;
padding : 0;
margin : 0 1px;
border : 1px solid #bcc5cc;
background-color : #e0e4e7;
text-align : center;
cursor : pointer;
}
ul#skip {
display : none;
}
#footer {
font-size : 0.8em;
color : #5c5150;
position : relative;
}
#lnx {
color : #fff;
text-align : center;
clear : both;
margin : 1em 0;
font-size : 0.8em;
}
#lnx a {
color : #14559f;
text-decoration : none;
}
ul#footer_links {
float : right;
margin : 0;
padding : 0;
}
#footer_links li {
text-align : right;
background : none;
padding : 0 1em;
}
#footer_links a {
text-decoration : none;
font-weight : bold;
}
#footer_print, #footer p {
display : none;
}
#footer:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
@media print {
.more, #lnx, #footer_links {
display : none;
}
#footer {
border-top : 1px solid #bcc5cc;
font-size : 8pt;
line-height : 11pt;
}
#footer_print {
display : block;
float : right;
width : 55%;
padding-left : 1em;
margin-left : 1em;
}
#footer p {
text-align : right;
clear : both;
display : block;
}
.footerRight {
display : none;
}
}
#NavTabs2 {
overflow : hidden;
border-top : 1px solid #0e518d;
}
ul#Tabs2 {
margin : 0;
padding : 4px 5px 0 5px;
list-style : none;
width : 100%;
float : left;
background : #0e518d url(/i/bars-100412.png) no-repeat 0% -171px;
}
ul#Tabs2 li {
float : left;
background : none;
padding : 0;
}
#Tabs2 li a {
display : block;
padding : 0.25em 1em 0 1em;
line-height : 2em;
text-decoration : none;
color : white;
float : left;
font-weight : bold;
}
#Tabs2 li a:hover {
color : #fff;
text-decoration : underline;
}
#Tabs2 .active a, #Tabs2 .active a:hover {
color : #14559f;
background-color : #fff;
}
@media print {
#NavTabs2 {
display : none;
}
}
#navTabs {
overflow : hidden;
width : 100%;
clear : both;
padding : 0;
margin : 0;
border-bottom : 1px solid #0e518d;
}
#navLeft {
float : left;
}
#navRight {
width : 256px;
float : right;
text-align : right;
font-size : 0.8em;
margin : 5px 0 0 0;
}
ul.tabs, #navLeft ul {
margin : 0;
padding : 0;
list-style : none;
float : left;
}
.tabs li, #navLeft li {
list-style : none;
float : left;
padding : 0 8px 0 0;
margin : 0;
background : url(/i/bars-100412.png) no-repeat right -111px;
}
.tabs li a, #navLeft li a {
display : block;
padding : 0 0 0 8px;
line-height : 2em;
background : url(/i/bars-100412.png) no-repeat 0% -111px;
text-decoration : none;
font-weight : bolder;
color : #333;
float : left;
}
.tabs li a:hover, #navLeft li a:hover {
text-decoration : underline;
color : #8e0018;
}
.tabs li.disabled {
display : none;
}
.tabs li.disabled a, .tabs li.disabled a:hover {
color : #808080;
cursor : default;
text-decoration : none;
}
.tabs .active, #navLeft .active {
background-position : right -51px;
}
.tabs .active a, #navLeft .active a {
background-position : 0% -51px;
color : white;
}
.tabs .active a:hover, #navLeft .active a:hover {
color : white;
text-decoration : underline;
}
ul.tabs {
padding-left : 5px;
}
@media print {
ul.tabs, #navTabs {
display : none;
}
}
table {
width : 90%;
border-collapse : collapse;
margin : 0.5em auto;
text-align : left;
border : 1px solid #fff;
}
table thead tr th, table.sorted-table tfoot tr th {
font-weight : bold;
background-color : #bcc5cc;
color : #3d3d3d;
border : 2px solid #fff;
padding : 2px 0.5em;
text-align : center;
}
table.sorted-table thead tr .header {
cursor : pointer;
padding : 2px 18px;
background : #bcc5cc url(/i/icons-100708.png) no-repeat right -1028px;
}
table.sorted-table thead tr .headerSortDown {
background-position : right -748px;
}
table.sorted-table thead tr .headerSortUp {
background-position : right -998px;
}
table td {
color : #3d3d3d;
padding : 2px 0.5em;
background-color : #fff;
vertical-align : top;
border : 2px solid #fff;
}
table tbody td {
background-color : #fff;
}
table tfoot td {
background-color : #bcc5cc;
}
table tbody tr.odd td {
background-color : #e0e4e7;
}
.c, .c > td {
text-align : center;
}
.r, .r > td {
text-align : right;
}
.l, .l > td {
text-align : left;
}
.nowrap, .nowrap > td {
white-space : nowrap;
}
.footnote {
font-size : 60%;
vertical-align : 30%;
}
.periodical {
margin-top : 0.5em;
margin-bottom : 0.5em;
}
#wrap .periodical p.abstract {
font-size : 0.9em;
line-height : 1.2em;
margin : 0.25em 2em;
}
.periodical .article {
font-weight : bold;
margin-top : 0.5em;
}
.periodical .authors {
font-style : italic;
font-size : 80%;
}
.periodical .publication {
font-size : 80%;
}
.periodical .title {
font-style : italic;
}
.periodical .links {
font-size : 80%;
}
.periodical .volume {
font-weight : bold;
}
.periodical .links a {
font-weight : bold;
text-decoration : none;
}
.ref_1 {
background-color : #e0e4e7;
}
.periodical.ref-closed .affiliation, .periodical.ref-closed .grants, .periodical.ref-closed .abstract {
display : none;
}
li.periodical {
margin-top : 0;
}
li.periodical .article {
margin-top : 0;
padding : 0;
}
li.periodical p {
padding : 0;
}
li.periodical h4, li.periodical .authors, li.periodical .links, li.periodical .publication {
font-size : 1em;
}
* {
padding : 0;
margin : 0;
}
#TB_window {
font-size : 0.9em;
color : #333;
}
#TB_secondLine {
font-size : 0.8em;
color : #666;
}
#TB_window a:link {
color : #666;
}
#TB_window a:visited {
color : #666;
}
#TB_window a:hover {
color : #000;
}
#TB_window a:active {
color : #666;
}
#TB_window a:focus {
color : #666;
}
#TB_overlay {
position : fixed;
z-index : 100;
top : 0;
left : 0;
height : 100%;
width : 100%;
}
.TB_overlayMacFFBGHack {
background : url(/res/gfx/macFFBgHack.png) repeat;
}
.TB_overlayBG {
background-color : #000;
}
#TB_window {
position : fixed;
background : #fff;
z-index : 102;
color : #000;
display : none;
border : 4px solid #525252;
text-align : left;
top : 50%;
left : 50%;
}
#TB_window img#TB_Image {
display : block;
margin : 15px 0 0 15px;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-top : 1px solid #666;
border-left : 1px solid #666;
}
#TB_caption {
font-size : 80%;
padding : 7px 30px 10px 25px;
float : left;
}
#TB_closeWindow {
height : 25px;
padding : 11px 25px 10px 0;
float : right;
}
#TB_closeAjaxWindow {
padding : 7px 10px 5px 0;
margin-bottom : 1px;
text-align : right;
float : right;
}
#TB_ajaxWindowTitle {
float : left;
padding : 7px 0 5px 10px;
margin-bottom : 1px;
}
#TB_title {
background-color : #e8e8e8;
height : 27px;
}
#TB_ajaxContent {
clear : both;
padding : 2px 15px 15px 15px;
overflow : auto;
text-align : left;
line-height : 1.4em;
}
#TB_ajaxContent.TB_modal {
padding : 15px;
}
#TB_ajaxContent p {
padding : 5px 0 5px 0;
}
#TB_load {
position : fixed;
display : none;
height : 13px;
width : 208px;
z-index : 103;
top : 50%;
left : 50%;
margin : -6px 0 0 -104px;
}
#TB_HideSelect {
z-index : 99;
position : fixed;
top : 0;
left : 0;
background-color : #fff;
border : none;
height : 100%;
width : 100%;
}
#TB_iframeContent {
clear : both;
border : none;
margin-bottom : -1px;
margin-top : 1px;
}
.paginate {
text-align : center;
font-size : 0.875em;
}
.paginate a {
background-color : #e0e4e7;
padding : 1px 2px;
text-decoration : none;
font-weight : bold;
}
.paginate strong {
background-color : #bcc5cc;
padding : 1px 2px;
font-weight : bold;
}
.web-error {
font-weight : bold;
background-color : #fee;
color : #900;
}
table.messages {
font-size : 0.8em;
border-collapse : collapse;
width : 95%;
margin : 0.5em auto;
}
.messages th {
font-weight : bold;
padding-top : 2px;
}
.message_first {
width : 5%;
}
.message_number {
width : 5%;
text-align : right;
}
.messages tbody {
margin : 0;
border : 0;
padding : 0;
}
.messages td, .messages th {
margin : 0;
border : 0;
padding : 1px 2px;
line-height : 1.1em;
}
.messages p {
margin : 0;
}
.message_pre {
white-space : pre;
font-family : 'Andale mono', fixed;
}
.message_fatal {
background-color : #fcc;
}
.message_error {
background-color : #fdb;
}
.message_warn {
background-color : #ffc;
}
.message_info {
background-color : #cfc;
}
.tabc {
border-top : 1px solid #14559f;
clear : both;
}
.tabc_hid {
display : none;
}
.tabc h3 {
display : none;
}
.tabc div h3, .tabc h3.keep {
display : block;
}
@media print {
.tabc {
border-top : 0;
}
.tabc_hid {
display : block;
}
}
#searchindex h2, #searchresults h2 {
padding-bottom : 0;
}
#searchresults #rhs p span, #searchresults #rhs li span, .indexboxes li span, .indexboxes h3 span {
clear : right;
display : block;
text-decoration : none;
float : right;
width : 5em;
border : 1px solid #bcc5cc;
background-color : #fff;
text-align : center;
padding : 0 0.5em;
margin-left : 0.5em;
font-size : 0.9em;
}
.indexboxes li span {
background-color : #e0e4e7;
}
#rhs li ul li, li ul li {
padding-right : 0;
}
#searchresults .more {
width : 100%;
text-align : right;
margin-top : 0;
padding-top : 10px;
}
#searchresults .more, #searchresults .paginate, .indexboxes ul {
border-top : 1px solid #bcc5cc;
}
#searchresults .more img {
float : right;
}
.referencedDomain, .initialDomain, .domain {
font-style : italic;
color : #8e0018;
}
.entryId, .queryString {
font-weight : bold;
color : #8e0018;
}
p.link {
margin-left : 4em;
font-size : 90%;
}
#searchresults #rhs ul li {
list-style-type : none;
background : url(/i/icons-100708.png) no-repeat -12px -1982px;
padding-left : 20px;
}
#searchresults .paginate, .searchhit, .more-results {
clear : both;
border-top : 1px solid #bcc5cc;
}
.searchhit h4 {
padding-top : 5px;
}
.more-results {
padding-left : 4em;
}
#collapse-all, #expand-all {
font-size : 0.5em;
float : right;
display : block;
border : 1px solid #bcc5cc;
line-height : 2em;
padding : 1px 0.5em 1px 20px;
font-weight : bold;
cursor : pointer;
color : #14559f;
background : #e0e4e7 url(/i/icons-100708.png) no-repeat 2px -20px;
margin-left : 0.5em;
}
#collapse-all {
background-position : 2px -53px;
}
.collapsible h3 img {
background : url(/i/icons-100708.png) no-repeat -2px -53px;
height : 16px;
width : 16px;
padding : 0;
margin-right : 0.5em;
float : left;
display : block;
}
.collapsed h3 img {
background-position : -2px -20px;
}
.collapsed ul, .collapsed .searchhit, .collapsed p, .collapsed dl, .collapsed ul, .collapsed ol {
display : none;
}
.collapsible .bt {
background-position : 100% -330px;
}
.collapsible .bt div {
background-position : 0% -330px;
}
#rhs .collapsible h3, .collapsible h3 {
background : #e0e4e7 none;
border-bottom : 0;
}
.collapsed .bb {
background-position : 100% -338px;
}
.collapsed .bb div {
background-position : 0% -338px;
}
#searchresults #relinfo {
display : none;
}
#search-add, .search-remove {
cursor : pointer;
margin : 0 auto;
padding : 0 2px;
border : 1px solid #bcc5cc;
background-color : #e0e4e7;
display : block;
width : 1.5em;
}
#searchresults #rhs .textField {
width : 100%;
}
#searchresults #rhs .button {
display : block;
margin : 0 auto;
}
#searchindex .textField {
margin : 0 1em;
}
#header, #search, #s_sel {
z-index : 3;
}
#s2 {
position : relative;
z-index : 900;
}
#s_sel {
line-height : 15px;
display : block;
height : 18px;
overflow : hidden;
width : 155px;
background-color : transparent;
position : absolute;
}
#s2 img {
width : 23px;
height : 16px;
float : right;
display : block;
margin-left : 4px;
}
#s2 ul {
margin : 0;
padding : 0;
z-index : 30;
}
#s2 li {
width : 180px;
height : 18px;
margin : 0;
padding : 0;
line-height : 19px;
background : transparent url(/i/icons-100708.png) no-repeat 155px -1378px;
z-index : 30;
}
#s2 li {
display : none;
}
#s2 li.first {
display : block;
}
#s2 .xp li {
width : 193px;
color : #14559f;
border : 1px solid #e0e4e7;
border-top : 0;
padding-bottom : 2px;
display : block;
background-color : white;
padding-top : 2px;
}
#s2 .xp li.first {
padding-top : 0;
color : #8e0018;
width : 180px;
border-left : 0;
border-right : 0;
background-color : transparent;
}
#s2 li.s_blank {
background-position : 155px -1258px;
}
#s2 li.s_sangerweb {
background-position : 155px -1278px;
}
#s2 li.s_sangeracuk {
background-position : 155px -1298px;
}
#s2 li.s_proteinFamilies, #s2 li.s_pfamRoot {
background-position : 155px -1318px;
}
#s2 li.s_vegaRoot {
background-position : 155px -1338px;
}
#s2 li.s_ensemblRoot, #s2 li.s_ensemblGenomes, #s2 li.s_ensembl {
background-position : 155px -1358px;
}
#s2 li.s_proteinSequences, #s2 li.s_uniprot {
background-position : 155px -1398px;
}
#s2 li.s_merops {
background-position : 155px -1418px;
}
#s2 li.s_hinxtonorg {
background-position : 155px -1438px;
}
#s2 li.s_yourgenome {
background-position : 155px -1458px;
}
#s2 li.s_das_registry {
background-position : 155px -1478px;
}
#s2 li.s_cosmic {
background-position : 155px -1498px;
}
#s2 li.s_rnaFamilies, #s2 li.s_rfamFamily {
background-position : 155px -1518px;
}
#s2 li.s_ipfam {
background-position : 155px -1538px;
}
#s2 li.s_decipher {
background-position : 155px -1558px;
}
#s2 li.s_mousePortal {
background-position : 155px -1578px;
}
#searchresults .twocol dd ul {
margin : 0;
padding : 0;
}
#searchresults .twocol dd ul li {
float : left;
padding : 0 12px;
background-position : -16px -1984px;
}
.hidden {
display : none;
}
form dd p, form dd pre {
padding-left : 0;
padding-right : 0;
}
form dt {
clear : both;
width : 20%;
float : left;
color : #8e0018;
text-align : right;
margin : 1px 0;
font-weight : bold;
}
form h4 {
clear : both;
}
.twocol dt.information, form dt.information {
width : 100%;
text-align : left;
color : #14559f;
font-weight : normal;
}
form dt a {
color : #630;
text-decoration : underline;
font-weight : bold;
}
form dt a:hover {
color : #ff7c0d;
}
form dd {
float : right;
width : 77%;
color : #14559f;
padding : 0 5px;
margin : 1px 0 0.5em 0;
}
form dt.fifty50 {
width : 49%;
}
form dd.fifty50 {
width : 48%;
}
form dt.eighty20 {
width : 77%;
text-align : left;
}
form dd.eighty20 {
width : 20%;
}
form dt.buttons {
width : 100%;
text-align : center;
}
form dd input, form dd textarea {
width : 90%;
}
form dd input.short {
width : 7em;
}
form h3 {
clear : both;
}
div.bordered_short {
width : 10em;
float : left;
border : 1px solid #bcc5cc;
padding : 0.2em 0.5em;
margin-right : 1em;
}
div.bordered {
width : 90%;
float : left;
border : 1px solid #bcc5cc;
padding : 0.2em 0.5em;
margin-right : 1em;
}
div.bordered_tall {
width : 90%;
float : left;
border : 1px solid #bcc5cc;
padding : 0.2em 0.5em;
min-height : 10em;
margin-right : 1em;
}
ul.boxes {
float : left;
min-width : 20%;
max-width : 90%;
}
ul.boxes ul {
margin-top : 0;
margin-bottom : 0;
}
ul.boxes span {
border : 1px solid #bcc5cc;
padding : 0.2em 0.5em;
margin-right : 1em;
}
.col-required {
background-color : #fec;
}
.col-optional {
background-color : #fff;
}
.col-error {
background-color : #fcc;
}
.col-valid {
background-color : #cfc;
}
.valid {
height : 31px;
width : 88px;
background-image : url(/i/standards.png);
vertical-align : top;
}

↑ Top