/* global style sheet for NURSA website begin to pull out these styles and put them into separate style sheets, then import them into this file. This should clean things up and make things easier to maintain */ @import "../../css/help.css"; @import "../../css/widgets.css"; @import "../../css/datasets.css"; TD { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000;} body {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000; margin: 0px; padding: 0px;} p {margin: 10px 0px 0px 0px; padding: 0px;} form {padding: 0px; margin: 0px;} .glossary { color : #FF3300; cursor: help;} .errormessage { color: #FF0000; font-weight: bold } .required {color: #FF0000;} .formError { background: #FF0000;} A:link { COLOR: #006699; } A:visited { COLOR: #006699; } A:hover { COLOR: #669999; } A:active { COLOR: #FF6633; } .sectionTitle {font-weight: bold; font-size: 14px; color: #FF0000; margin-bottom: 5px; margin-left: 5px;} /* left nav styles */ .leftnavTable { background-color : #FFFFFF; padding-bottom: 4px; } .leftnavTableON { background-color : #FFFFFF; } .leftnavTable ul { padding: 0px; margin: 0px; list-style: none; } .leftnavTable li { padding: 0px; margin: 0px; } /* the height declaration below prevents IE from expanding the height of the elements */ .leftnavTable a { display: block; height: 100%; padding: 3px 0px 3px 8px; text-decoration: none; border-bottom: 1px solid #999999; } .leftnavTable a:link { color: #666666; } .leftnavTable a:visited { color: #666666; } .leftnavTable a:hover { color: #333333; /*background-color: #68c2e0;*/ } .leftnavTable a:active { color: #333333; /*background-color: #006699;*/ } .leftnavON a:link { background-color: #68c2e0; color: #333333; font-weight: bold; } .leftnavON a:visited { background-color: #68c2e0; color: #333333; font-weight: bold; } .leftnavON a:active { background-color: #68c2e0; color: #333333; font-weight: bold; } .leftnavON a:hover { background-color: #68c2e0; color: #333333; font-weight: bold; } .subnavTable a { font-size: 10px; padding: 3px 0px 3px 12px; border: 0px; } .subnavTable a:link { background-color: #FFFFFF; color: #666666; font-weight: normal; } .subnavTable a:visited { background-color: #FFFFFF; color: #666666; font-weight: normal; } .subnavTable a:hover { background-color: #FFFFFF; color: #333333; font-weight: normal; text-decoration: underline; } .subnavTable a:active { background-color: #FFFFFF; color: #333333; font-weight: normal; text-decoration: underline; } .subnavTable li.subnavON a {font-size: 10px; font-weight: bold; padding: 3px 0px 3px 12px; color: #333333;} /* end left nav styles */ /* login styles */ .loginLink ul { padding: 0px; margin: 0px; list-style: none; } .loginLink li { padding: 0px; margin: 0px; } /* the height declaration below prevents IE from expanding the height of the elements */ .loginLink a { display: block; height: 100%; padding: 3px 0px 3px 8px; text-decoration: none; border-bottom: 1px solid #999999; } .loginLink a:link { color: #666666; } .loginLink a:visited { color: #666666; } .loginLink a:hover { color: #333333; background-color: #999999; } .loginLink a:active { color: #333333; background-color: #999999; } /* end login styles */ .titleTable { background-color : #FFFFFF; border-top: 1px solid #669966; border-bottom : 1px solid #669966; border-right : 1px solid #669966; padding: 5px; } .titleTable { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 18px; line-height: 120%; color : #669966; } .title:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 18px; color : #669966; } .title:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 18px; color : #669966; } /* removed because this was mucking up other references to title in the e-journal articles CMW 08-9-2005 .title:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 18px; color : #669966; } .title:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 18px; color : #669966; } */ .head { FONT-FAMILY: Helvetica, verdana, Geneva, Arial, sans-serif; font-size : 14px; font-weight: bold; line-height: 140%; color : #FF3300; } .head2 { FONT-FAMILY: Helvetica, verdana, Geneva, Arial, sans-serif; font-size : 14px; font-weight: bold; line-height: 140%; color : #669966; } .articlehead { FONT-FAMILY: Helvetica, verdana, Geneva, Arial, sans-serif; font-size : 18px; font-weight: bold; line-height: 140%; color : #FF3300;} .listhead { FONT-FAMILY: Helvetica, verdana, Geneva, Arial, sans-serif; font-size : 14px; font-weight: bold; line-height: 140%; color : #FF3300; margin-left:-30px;} /* was 10 px */ .headTable { background-color : #669966; padding: 4px; } .headTable { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px;; color : #FFFFFF; } .headTable:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable a:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable a:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable a:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable a:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color : #FFFFFF; } .headTable img {vertical-align: middle;} .nolines {text-decoration:none;} .headTableBig { background-color : #669966; padding: 4px; } .headTableBig { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 120%; color : #FFFFFF; } .subHeadTable {background-color: #FFFFFF; padding: 4px; border: 1px solid #666666; font-size : 10px; margin: 5px 0px 5px 0px;} .thirdHeadTable { padding: 5px; font-weight: bold; margin: 5px 0px 5px 0px; background-color: #AAAAAA; line-height:14px; background-image:url(../../images/thirdleft.jpg); background-repeat: no-repeat; background-position:left; position: relative;} .thirdHeadTableEnd {background-color: #AAAAAA; padding-right: 10px; background:url(../../images/thirdright.jpg) no-repeat right;} .breadcrumb {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #336633; } .breadcrumb:link { color : #336633; } .breadcrumb:visited { color : #336633; } .breadcrumb:hover { color : #996699; } .breadcrumb:active { color : #336666; } .copy { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000; } .copy:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000; } .copy:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000; } .copy:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #669999; } .copy:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #FF6633; } .copybold { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 15px; color : #666666; padding-left:30px; } .copysmall { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; line-height: 15px; color : #000000; } .copysmallbold { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; line-height: 15px; color : #666666; } .copysmallboldpad { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; line-height: 15px; color : #666666; padding-left:30px} .copyboldnopad { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 15px; color : #666666; } li.copy { list-style: square outside; margin-left: -20px; } li.copy { list-style: url(../../images/copyBullet.gif) disc outside; margin-left: -30px; } .rightTable { background-color : #669966; padding: 2px; padding-bottom: 3px;} .rightTable { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; line-height: 120%; color : #FFFFFF; } .rightTable:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; color : #FFFFFF; } .rightTable:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; color : #FFFFFF; } .rightTable:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; color : #FFFFFF; } .rightTable:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; color : #FFFFFF; } .rightTable2 { background-color : #99CC99; padding: 2px; padding-bottom: 3px; } .rightTable2 { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; line-height: 120%; color : #000000; } .rightTable2:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; } .rightTable2:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; } .rightTable2:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; } .rightTable2:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; } /* form element styles */ .form { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 12px; color : #000000; padding-top: 4px; padding-bottom: 3px; border: 1px solid #666666; } /* let's try to use this for primary form functions - e.g., submit */ .formButton { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: bold; line-height: 10px; background-color: #669966; color : #FFFFFF; border: 1px solid #666666; cursor: pointer;} /* secondary functions? */ .formButton2 { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: bold; line-height: 10px; background-color: #FF6600; color : #FFFFFF; border: 1px solid #666666; cursor: pointer;} .subFormButton { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: bold; line-height: 10px; background-color: #CCCCCC; width: 100px; color : #666666; border: 1px solid #666666; cursor: pointer; } .searchButton { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; font-weight: bold; line-height: 10px; background-color: #669966; color : #FFFFFF; border: 1px solid #666666; cursor: pointer;} .subFormDropDown { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 12px; color : #000000; width: 140px; } .formFloat { float:left; } .formPad { padding:3px 5px 3px 5px; } .formHeading { background-color : #669966; padding: 4px; FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; line-height: 120%; color : #FFFFFF; } .formContainer { width: 700px; } .formBold { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 15px; color : #666666; } .formLabel { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 15px; color : #666666;} .formField { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 15px; color : #000000;} .formBottom { border: 1px solid #666666; } .formButtonAlt { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; line-height: 12px; background-color: #669966; color : #FFFFFF; border: 1px solid #666666; cursor: pointer;} .dropdown { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; line-height: 10px; color : #000000; width: 140px;} .padding { padding-top: 6px; padding-bottom: 4px; } /* special style for the dropdown in the mol nav sidebar version it was "dropdown", but specifying the style on the element itself caused problems when the different version was being shown on the home page */ .sidebarMolNav select { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; line-height: 1px; color : #000000; width: 140px;} /* end form styles */ .rightcopy { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; padding-left: 4px; } .rightcopyBold { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 10px; color : #000000; padding-left: 4px; } li.rightLink { list-style: url(../../images/leftnavBullet.gif) disc outside; FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; color : #666666; padding-left: 8px; text-decoration: underline; } .rightLink:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; text-decoration: underline; color : #666666; } .rightLink:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; text-decoration: underline; color : #666666; } .rightLink:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; text-decoration: underline; color : #993300; } .rightLink:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; text-decoration: underline; color : #336666; } .news:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: normal; text-decoration: underline; color : #FFFFFF; } .news:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: normal; text-decoration: underline; color : #FFFFFF; } .news:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: normal; text-decoration: underline; color : #336666; } .news:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: normal; text-decoration: underline; color : #336666; } .moleculeSectionTable { border: 1px solid #666666;} .moleculeSectionRow { background-color: #669966; } .moleculeSectionRow { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 120%; color: #FFFFFF; text-align:center;} .moleculeSectionRowActive { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 120%; color : #FFFFFF; background-color: #FFFFFF; text-align:center;} .moleculeSection:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline; color : #FFFFFF; } .moleculeSection:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline; color : #FFFFFF; } .moleculeSection:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline; color : #FFFFFF; } .moleculeSection:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; font-weight: bold; text-decoration: underline; color : #FFFFFF; } .moleculeSectionCaption { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 120%; color : #FFFFFF; text-align:center;} /*molecule description on mol pages */ .molDescription {padding:5px; line-height: 125%;} .molDescription h1 {color: #666666; font-weight: bold; font-size:100%; margin-bottom: 0px;} .molDescription p {margin-top: 2px; margin-bottom: 2px;} .go:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; text-decoration: underline; color : #FF3300; } .go:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; text-decoration: underline; color : #FF3300; } .go:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; text-decoration: underline; color : #996699; } .go:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; text-decoration: underline; color : #336666; } .subLink:link { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: bold; text-decoration: underline; color : #666666; } .subLink:visited { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: bold; text-decoration: underline; color : #666666; } .subLink:hover { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: bold; text-decoration: underline; color : #996699; } .subLink:active { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; font-weight: bold; text-decoration: underline; color : #336666; } .searchField { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; background-color : #FFFFFF; padding-left:4px; } .legalTable { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 9px; line-height: 15px; color : #FFFFFF; background-color : #669966; padding: 2px; padding-bottom: 3px; } .hideTemp { position: absolute; top: -1000px; left: -1000px; visibility: hidden; } .showTemp { position: relative; top: 0px; left: 0px; visibility: visible; } .buttonRowHead {border-bottom : 1px solid #000000; padding-bottom: 5px;} .dataTable0{background-color : #99CC99; } .dataTable1 {background-color : #FFFFFF; } .dataTableB0 {background-color : #CCCCCC; } .dataTableB1 {background-color : #FFFFFF; } .green {color: #669966} .stronggreen {color: #669966; font-weight: bold;} .blue {color: #006699} .orange {color: #FF6600} .strongorange {color: #FF6600; font-weight: bold;} .orangered {color: #FF3300} .smallpad {padding-left: 5px;} .smallbreak {line-height: 5px;} .mediumpad {padding-left: 15px;} .bigpad {padding-left: 30px;} .personnelName { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; color : #000000; } .personnelAffiliations { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; color : #000000; padding: 4px} .mileTable0 {background-color: #CCEECC} .mileTable1 {background-color: #FFFFFF} .hangIndentSmall {text-indent: -5px; padding-left: 5px;} .hangIndentMedium {text-indent: -5px; padding-left: 10px;} .tablelabel {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; line-height: 15px; color : #666666; vertical-align: top; } /* for the expand/collapse section +/- links */ a.dsphead{ text-decoration:none; margin-left:1.5em;} a.dsphead:hover{ text-decoration:underline;} a.dsphead span.dspchar{ font-family:monospace; font-weight:normal;} .dspcont{ display:none; margin-left:1.5em;} .dspcontnomargin{ display:none;} /* end expand/collapse section +/- links */ /* for the container custom tag */ /* first style is the default - blue header, scroll bars */ .divContainer {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size : 12px; line-height: 15px; color : #000000; } .divContainer .listPad { padding-left: 2px;} .divContainer li.collapseText {list-style-type: none; font-size: 12px;} .divContainer .title {margin-bottom:2px;} .divContainer .title .left { background-image: url(../../images/blueleft.png); background-repeat: no-repeat; background-position: center left; padding-left: 3px;} .divContainer .title .right {background-image: url(../../images/blueright.png); background-repeat: no-repeat; background-position: center right; padding-right: 3px;} .divContainer .title .middle {background-image: url(../../images/bluemiddle.png); background-repeat: repeat-x; text-align: center; color: white; line-height: 18px;} /* commented out 5/3/7 cmw per Neil I'm leaving these here in case we change our minds .divContainer .head {font-weight: bold; color : #333333; text-align: left; border: 1px solid #666666; border-bottom: 0px; margin-bottom:0px; background-color:#CCCCCC; background-image:url(../../images/graygrade.jpg); background-repeat:repeat-x;} .divContainer .head td { font-weight: bold; color : #333333; text-align: left; border-right: 1px solid #666666;} .divContainer .container { color : #000000; text-align: left; border:1px solid #666666; overflow:auto; background-color: #FFFFFF; position: relative;} */ /*new less styled versions to be replaced by the above should we choose to revert */ .divContainer .head {font-weight: bold; color : #333333; text-align: left; margin-bottom:10px;} .divContainer .head td {font-weight: bold; color: #333333; text-align: left;} .divContainer .container {color: #000000; text-align: left; overflow: auto; position: relative;} /* end new less styled versions */ .divContainer .bodyContainer { position: absolute; top: 0px; left: 0px; width: 100%;} .divContainer .topLink{font-weight: bold; font-size : 10px; line-height: 12px; color : #000000; text-align: right; border:1px solid #666666; background-color: #FFFFFF;} .divContainer .footer {text-align: center; position: relative;} .divContainer .footer a {color: #000000; text-decoration: none;} .divContainer .footer .selected {font-weight: bold;} .divContainer link {color: #000000; text-decoration: none; font-family: monospace; } .divContainer link:link {color: #000000; text-decoration: none; font-family: monospace; } .divContainer link:active {color: #000000; text-decoration: none; font-family: monospace; } .divContainer link:hover {color: #000099; text-decoration: none; font-family: monospace; } .divContainer link:visited{color: #000000; text-decoration: none; font-family: monospace; } .divContainer .tableListFont { color : #000000; text-align: left; vertical-align: top;} /* the border evens out the spacing between the table body and table heading */ /*commented out 5/4/7 per Neil .divContainer .rowList0 {background-color: #DDDDDD;border-right: 1px solid #DDDDDD; } .divContainer .rowList1 {background-color: #FFFFFF; border-right: 1px solid #FFFFFF;} */ /* newer style 5/4/7 per Neil put old back in if we change our minds */ .divContainer .rowList0 {padding-bottom: 5px;} .divContainer .rowList1 {padding-bottom: 5px;} /* this style is no scroll bars and a more neutral multi column layout */ .divPlainContainer {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size : 12px; line-height: 15px; color : #000000; } .divPlainContainer .listPad { padding-left: 2px;} .divPlainContainer li.collapseText {list-style-type: circle;} .divPlainContainer .title {color : #FFFFFF; text-align: center; border:1px solid #666666; margin-bottom:1px; background-color: #0066CC;} .divPlainContainer .head {font-weight: bold; color : #333333; text-align: left; border: 1px solid #666666; border-bottom: 0px; margin-bottom:0px; background-color:#CCCCCC; background-image:url(../../images/graygrade.jpg); background-repeat:repeat-x;} .divPlainContainer .head td { font-weight: bold; color : #333333; text-align: left; border-right: 1px solid #666666;} .divPlainContainer .container { color : #000000; text-align: left; border:1px solid #666666; background-color: #FFFFFF;} .divPlainContainer .topLink{font-weight: bold; font-size : 10px; line-height: 12px; color : #000000; text-align: right; border:1px solid #666666; background-color: #FFFFFF;} .divPlainContainer link {color: #000000; text-decoration: none; font-family: monospace; } .divPlainContainer link:link {color: #000000; text-decoration: none; font-family: monospace; } .divPlainContainer link:active {color: #000000; text-decoration: none; font-family: monospace; } .divPlainContainer link:hover {color: #000099; text-decoration: none; font-family: monospace; } .divPlainContainer link:visited{color: #000000; text-decoration: none; font-family: monospace; } .divPlainContainer .tableListFont { color : #000000; text-align: left; vertical-align: top;} /* the border evens out the spacing between the table body and table heading */ .divPlainContainer .rowList0 {background-color: #DDDDDD;border-right: 1px solid #DDDDDD; } .divPlainContainer .rowList1 {background-color: #FFFFFF; border-right: 1px solid #FFFFFF;} /* end container custom tag */ /* These next styles are for the cf_layout custom tag and offer different skins */ /* no borders and strong title, dark grey captions */ .strongNoBorderContainer{text-align: left; background-color: #FFFFFF;} .strongNoBorderContainer td {padding: 2px 0px 2px 0px;} .strongNoBorderContainer table {border-collapse:collapse} .strongNoBorderTitle {font-weight: bold; font-size : 12px; line-height: 15px; color : #FFFFFF; margin-bottom:1px; background-color: #006699; background-image:url('../../images/vertbarshade.jpg'); background-repeat:repeat-x; border: 1px solid #999999;} .strongNoBorderLink:link {color: #FFFFFF; text-decoration: none; font-family: monospace; } .strongNoBorderLink:active {color: #FFFFFF; text-decoration: none; font-family: monospace; } .strongNoBorderLink:hover {color: #FFFFFF; text-decoration: none; font-family: monospace; } .strongNoBorderLink:visited{color: #FFFFFF; text-decoration: none; font-family: monospace; } .strongNoBorderTitleEnd {font-weight: bold; font-size : 12px; line-height: 15px; color : #FFFFFF; text-align: left; margin-bottom:1px; background-color: #006699; background-image:url('../../images/bluegrade.jpg'); background-repeat:repeat-y; background-position: right; padding-left: 2px;} .strongNoBorderCaption {font-weight: bold; font-size : 12px; line-height: 15px; color : #666666; text-align: left; margin-bottom:1px; } /* with no borders and bold titles and captions */ .divLayoutContainer{text-align: left; background-color: #FFFFFF; padding-left: 4px; line-height: 18px; } .divLayoutContainer table {border-collapse:collapse; padding: 0px 0px 0px 0px;} .divLayoutTitle {font-weight: bold; color : #669966; margin-bottom:2px; line-height: normal;} .divLayoutContainer img {vertical-align: top;} .divLayoutTitle img {vertical-align: top;} /* round corners */ .divLayoutTitle .left { background-image: url(../../images/greenleft.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 5px;} .divLayoutTitle .right {background-image: url(../../images/greenright.png); background-repeat: no-repeat; background-position: top right; padding: 0px 5px 0px 0px;} /* padding on this element keeps the help image from destroying the rest of the layout. It is very important to keep this, and if the font size is changed or any other sizing is different, the padding will need to be altered */ .divLayoutTitle .middle {background-image: url(../../images/greenmiddle.png); background-repeat: repeat-x; padding: 5px 0px 5px 0px; background-position: top center;} .divLayoutLink {float:right; width: 30px;} .divLayoutLink a:link {color: #666666; text-decoration: none; font-family: monospace; background-image: url("../../images/greenbuttonoff.gif"); background-position: 0 0 ; background-repeat: no-repeat; display: block; width: 20px;} .divLayoutLink a:active {color: #666666; text-decoration: none; font-family: monospace; background-image: url("../../images/greenbuttonon.gif"); background-position: 0 0 ; background-repeat: no-repeat; display: block; width: 20px;} .divLayoutLink a:hover {color: #666666; text-decoration: none; font-family: monospace; background-image: url("../../images/greenbuttonon.gif"); background-position: 0 0 ; background-repeat: no-repeat; display: block; width: 20px;} .divLayoutLink a:visited{color: #666666; text-decoration: none; font-family: monospace; background-image: url("../../images/greenbuttonoff.gif"); background-position: 0 0 ; background-repeat: no-repeat; display: block; width: 20px;} .divLayoutTitleEnd {font-weight: bold; color : #666666; text-align: left; border:0px 0px 1px 0px solid #666666; margin-bottom: 1px; } .divLayoutCaption {font-weight: bold; color : #666666; text-align: left; display: inline;} /* sub level navigation borders and bold titles and captions used on mol pages*/ .subLayoutContainer{text-align: left; background-color: #FFFFFF; margin-left: 5px; padding-left: 4px; line-height: 18px;} .subLayoutContainer table {border-collapse:collapse; padding: 0px 0px 0px 0px;} .subLayoutTitle {font-weight: bold; color : #666666; margin-bottom: 2px; margin-left: 5px; line-height: normal;} /* .subLayoutContainer img {vertical-align: top;}*/ /* round corners */ .subLayoutTitle .left { background-image: url(../../images/roundgrayleftopen.png); background-repeat: no-repeat; background-position: top left; padding-left: 5px;} .subLayoutTitle .right {background-image: url(../../images/roundgrayrightopen.png); background-repeat: no-repeat; background-position: top right; padding-right: 5px;} /* padding on this element keeps the help image from destroying the rest of the layout. It is very important to keep this, and if the font size is changed or any other sizing is different, the padding will need to be altered */ .subLayoutTitle .middle {background-image: url(../../images/roundgraymiddleopen.png); background-repeat: repeat-x; background-position: top center; padding: 5px 0px 5px 0px;} .subLayoutLink {float:right; width: 30px;} .subLayoutLink:link {color: #FFFFFF; text-decoration: none; font-family: monospace; } .subLayoutLink:active {color: #FFFFFF; text-decoration: none; font-family: monospace; } .subLayoutLink:hover {color: #FFFFFF; text-decoration: none; font-family: monospace; } .subLayoutLink:visited{color: #FFFFFF; text-decoration: none; font-family: monospace; } .subLayoutTitleEnd {font-weight: bold; color : #666666; text-align: left; border:0px 0px 1px 0px solid #666666; margin-bottom: 1px; } .subLayoutCaption {font-weight: bold; color : #666666; text-align: left; } /* end sublayout */ /* third level layout used on molecules pages */ .thirdLayoutContainer{text-align: left; background-color: #FFFFFF; margin-left: 10px;} .thirdLayoutContainer td {padding: 0px 0px 0px 0px;} .thirdLayoutContainer table {border-collapse:collapse} .thirdLayoutTitle {font-weight: bold; line-height: 18px; color : #FFFFFF; margin-bottom:2px; margin-left: 10px;} .thirdLayoutTitle img {vertical-align: bottom;} /* round corners */ .thirdLayoutTitle .left { background-image: url(../../images/blueleft.png); background-repeat: no-repeat; background-position: center left; padding-left: 3px;} .thirdLayoutTitle .right {background-image: url(../../images/blueright.png); background-repeat: no-repeat; background-position: center right; padding-right: 3px;} /* padding on this element keeps the help image from destroying the rest of the layout. It is very important to keep this, and if the font size is changed or any other sizing is different, the padding will need to be altered */ .thirdLayoutTitle .middle {background-image: url(../../images/bluemiddle.png); background-repeat: repeat-x;} .thirdLayoutLink:link {color: #FFFFFF; text-decoration: none; font-family: monospace; } .thirdLayoutLink:active {color: #FFFFFF; text-decoration: none; font-family: monospace; } .thirdLayoutLink:hover {color: #FFFFFF; text-decoration: none; font-family: monospace; } .thirdLayoutLink:visited{color: #FFFFFF; text-decoration: none; font-family: monospace; } .thirdLayoutTitleEnd {font-weight: bold; color : #FFFFFF; text-align: left; margin-bottom:1px; background-color: #006699; background-image:url('../../images/bluegrade.jpg'); background-repeat:repeat-y; background-position: right; padding-left: 2px;} .thirdLayoutCaption {font-weight: bold; color : #666666; text-align: left; } /* end third level layout */ /* layout used for ligand thumbnail */ .ligandThumb {width: 220px; float: right; text-align: center; margin-left: 10px;} .ligandThumb img {border: none;} /* end layout used for ligand thumbnail */ /* layout for ligand popup */ .ligandImage {text-align: center;} .ligandImage .name { color: #666666; font-weight: bold; font-size: 15px;} /* end layout for ligand poput */ /* end rules for layout tag */ /* dataset nav block - strains for dendrograms, system types for correlation matrices, sort options, etx. */ .dataNav {float: right; width: 155px;} /* microarray dataset annotations */ .dataSet{line-height: 15px;} .datasetContainer{text-align: left; background-color: #FFFFFF; } .datasetContainer td {padding: 2px 2px 2px 2px;} .datasetContainer table {border-collapse:collapse} .datasetTitle {font-weight: bold; font-size : 12px; line-height: 15px; color : #FFFFFF; margin-bottom:1px; background-color: #669966; border: 1px solid #666666; margin-left: 8px; padding-left: 2px; margin-right: 8px;} .datasetLink:link {color: #FFFFFF; text-decoration: none; font-family: monospace; } .datasetLink:active {color: #FFFFFF; text-decoration: none; font-family: monospace; } .datasetLink:hover {color: #FFFFFF; text-decoration: none; font-family: monospace; } .datasetLink:visited{color: #FFFFFF; text-decoration: none; font-family: monospace; } .datasetTitleEnd {font-weight: bold; font-size : 12px; line-height: 15px; color : #FFFFFF; text-align: left; margin-bottom:1px; background-color: #006699; background-image:url('../../images/bluegrade.jpg'); background-repeat:repeat-y; background-position: right; padding-left: 2px;} .datasetCaption {font-weight: bold; color : #666666; text-align: right; } /* end layout tag styles */ .small { font-size : 10px; line-height: 12px; } .top {vertical-align: top;} .bold {font-weight: bold;} /* microarray styles */ .xmicroBorder {border: 5px solid #FFFFFF;} .ymicroBorder {border: 5px solid #FFFFFF;} .microLabel {background-color: #0066CC; font-weight:bold; text-align:center; color:#FFFFFF; border: 1px solid #666666; } .microLabelY {background-color: #0099CC; font-weight:bold; text-align:center; color:#FFFFFF; border: 1px solid #666666; padding: 2px;} .microBody {background-color: #CCCCCC; color:#666666; text-align:center; width: 150px;} .microBodyLabel {background-color: #CCCCCC; color:#666666; font-weight:bold; text-align:center;} .microHead {FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size : 12px; color : #333333; text-align: center; border: 1px solid #666666; margin-bottom:0px; vertical-align: middle; background-color:#CCCCCC; } .matrixAnnotation { font-size : 10px; line-height: 12px; font-weight: bold; padding: 8px;} /* end microarray styles */ /* next section is for the green rounded tabs */ #tabNav ul { margin:0; padding:5px 10px 0; list-style:none; } #tabNav li { float:left; background:url("../../images/rightlightgreentab.png") no-repeat right top; margin:0px 3px 0px 0px; padding:0; } #tabNav a { display:block; background:url("../../images/leftlightgreentab.png") no-repeat left top; padding:5px 5px 2px; text-decoration: none; color: #666666; font-weight: bold; } #tabNav a:visited { display:block; background:url("../../images/leftlightgreentab.png") no-repeat left top; text-decoration: none; color: #666666; font-weight: bold; } #tabNav a:hover { display:block; background:url("../../images/leftlightgreentab.png") no-repeat left top; text-decoration: none; color: #333333; font-weight: bold; } #tabNav #current { background-image:url("../../images/rightverylightgreentab.png"); } #tabNav #current a { background-image:url("../../images/leftverylightgreentab.png"); padding-bottom:2px; text-decoration: none; color: #333333; font-weight: bold; } #tabNav #current a:visited { background-image:url("../../images/leftverylightgreentab.png"); padding-bottom:2px; text-decoration: none; color: #333333; font-weight: bold; } #tabNav #current a:hover { background-image:url("../../images/leftverylightgreentab.png"); padding-bottom:2px; text-decoration: none; color: #333333; font-weight: bold; } /* end green rounded tabs */ /* big round square */ /*rounded corners wow a lot of styles to do this */ .roundSquaretopLeft {background-image: url(../../images/biglightgreentopleft.png); background-position: top left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquaretopRight {background-image: url(../../images/biglightgreentopright.png); background-position: top right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquarebottomLeft {background-image: url(../../images/biglightgreenbottomleft.png); background-position: bottom left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquarebottomRight {background-image: url(../../images/biglightgreenbottomright.png); background-position: bottom right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquaretopHorizontal {background-image: url(../../images/biglightgreentop.png); background-position: top; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .roundSquarebottomHorizontal {background-image: url(../../images/biglightgreenbottom.png); background-position: bottom; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .roundSquareleftVertical {background-image: url(../../images/biglightgreenside.png); background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .roundSquarerightVertical {background-image: url(../../images/biglightgreenside.png); background-position: right; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .roundSquarecontent {padding: 20px 8px 8px 8px;} /* end big round square */ /* big round square 2*/ /*rounded corners wow a lot of styles to do this */ .roundSquare2topLeft { background-position: top left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquare2topRight { background-position: top right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquare2bottomLeft {background-image: url(../../images/biglightgreenbottomleft.png); background-position: bottom left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquare2bottomRight {background-image: url(../../images/biglightgreenbottomright.png); background-position: bottom right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .roundSquare2topHorizontal { background-position: top; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .roundSquare2bottomHorizontal {background-image: url(../../images/biglightgreenbottom.png); background-position: bottom; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .roundSquare2leftVertical {background-image: url(../../images/biglightgreenside.png); background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .roundSquare2rightVertical {background-image: url(../../images/biglightgreenside.png); background-position: right; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .roundSquare2content {padding: 20px 8px 8px 8px;} /* end big round square */ /* blue drop shadow round square */ /* I was using descendant selectors to do this, but this doesn't work: .topLeft will get the style that is declared latest in the style sheet if it is nested in multiple styles that reference it. the divLayout and related styles look clumsy, but they are concatenated styles that prevent this from happening */ .blueDroptopLeft {background-image: url(../../images/rounddropblueupperleft.png); background-position: top left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .blueDroptopRight {background-image: url(../../images/rounddropblueupperright.png); background-position: top right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .blueDropbottomLeft {background-image: url(../../images/rounddropbluelowerleft.png); background-position: bottom left; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .blueDropbottomRight {background-image: url(../../images/rounddropbluelowerright.png); background-position: bottom right; background-repeat: no-repeat; padding: 0px 0px 0px 0px;} .blueDroptopHorizontal {background-image: url(../../images/rounddropblueupper.png); background-position: top; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .blueDropbottomHorizontal {background-image: url(../../images/rounddropbluebottom.png); background-position: bottom; background-repeat: repeat-x; padding: 0px 0px 0px 0px;} .blueDropleftVertical {background-image: url(../../images/rounddropblueleft.png); background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .blueDroprightVertical {background-image: url(../../images/rounddropblueright.png); background-position: right; background-repeat: repeat-y; padding: 0px 0px 0px 0px;} .blueDropcontent {padding: 8px 8px 8px 8px;} /* end blue drop shadow round square */ /* dataset header drop down */ .dataHeaderDropdown { FONT-FAMILY: verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; line-height: 12px; color : #000000;; } /* end dataset header drop down */ /* sequence monospace font */ .sequenceInfo { FONT-FAMILY: "Courier New", Courier, mono } /*issn*/ .issn {font-size:8px; color: #006699; text-align: right; padding-right: 10px;} /* article list specific styles */ /* for the category display (by Reviews, by Methods, etc.) */ /* this had 10px font */ .articleContainerFull { padding: 5px; } .articleContainerFull p {padding: 0px; margin: 0px;} .articleItemFull {padding: 5px 0px 5px 10px;} .articleItemFull .articleTitle {font-weight:bold; color: #003366;} .articleHeader {padding: 5px; font-weight:bold; } /* for the master view */ /* this had 10px font */ .articleContainer {padding: 5px; border-top: 1px dotted #AAAAAA; border-bottom: 1px dotted #AAAAAA; height: 150px; overflow:auto; width: 100%;} .articleContainer p {padding: 0px; margin: 0px;} .articleItem {padding: 5px 0px 5px 0px;} .articleItem .articleTitle {font-weight:bold; color: #003366;} .articleHeaderFull {padding: 5px; font-weight:bold; } /*shared */ .articleCount {font-size: 10px; padding-left: 5px;} .articleMoreLink {position: absolute; right: 0; top: 0; font-weight: bold; color: #FFFFFF; text-align:right; padding-right: 18px;} .articleMoreLink img { position: relative; top: 4px;} .articleMoreLink a {text-decoration: none;} .volumeBorder {border-bottom: 1px dotted #AAAAAA; line-height:1px; margin-bottom:5px;} .volumeCapsule {background-color: #006699; color: #FFFFFF; font-weight: bold; background:url(../../images/blueroundleft.jpg) no-repeat left; position: relative; text-align:center; padding: 7px 0px 7px 10px;} .volumeCapsuleEnd {background-color: #006699; background:url(../../images/blueroundright.jpg) no-repeat right; width: 135px; padding-right: 10px; margin-bottom: 5px;} .issue {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-weight: bold; width: 140px; text-align:center; margin: 10px 0px 0px 0px;} .NRSLogo {background: url(../../images/NRSheadSpacer.gif); background-repeat:repeat-x;} /* end article list specific styles */ /* vertical tab styles */ /*default*/ .tabLayout .tabListDiv {float:left; padding: 0px; margin: 0px; overflow: auto; height: 300px;} .tabLayout .tabListDiv ul {list-style: none; padding: 0px; margin: 0px;} .tabLayout .tabListDiv ul li {font-weight: bold; font-size : 12px; line-height: 18px; margin-bottom:2px;} .tabLayout .tabListDiv ul li a {display: block;} .tabLayout .tabListDiv ul li.inactive a:link {text-decoration: none; color : #006699; } .tabLayout .tabListDiv ul li.inactive a:active {text-decoration: none; color : #006699; } .tabLayout .tabListDiv ul li.inactive a:hover {text-decoration: none; color : #003366; } .tabLayout .tabListDiv ul li.inactive a:visited {text-decoration: none; color : #006699; } .tabLayout .tabListDiv ul li.active a {text-decoration: none; color: #FFFFFF;} .tabLayout .tabListDiv ul li.active .top { background-image: url(../../images/line_db.png); background-repeat: repeat-x; background-position: top; padding: 0px;} .tabLayout .tabListDiv ul li.active .bottom { background-image: url(../../images/line_db.png); background-repeat: repeat-x; background-position: bottom; padding: 0px;} .tabLayout .tabListDiv ul li.active .left { background-image: url(../../images/thickline_db.png); background-repeat: repeat-y; background-position: left; padding: 0px;} .tabLayout .tabListDiv ul li.active .right { background-image: url(../../images/thickline_db.png); background-repeat: repeat-y; background-position: right; padding: 0px;} .tabLayout .tabListDiv ul li.active .topLeft { background-image: url(../../images/tl_db_on.png); background-repeat: no-repeat; background-position: left top; padding: 0px;} .tabLayout .tabListDiv ul li.active .topRight { background-image: url(../../images/tr_db_on.png); background-repeat: no-repeat; background-position: right top; padding: 0px;} .tabLayout .tabListDiv ul li.active .bottomLeft { background-image: url(../../images/bl_db_on.png); background-repeat: no-repeat; background-position: left bottom; padding: 0px;} .tabLayout .tabListDiv ul li.active .bottomRight { background-image: url(../../images/br_db_on.png); background-repeat: no-repeat; background-position: right bottom; padding: 0px;} .tabLayout .tabListDiv ul li.active .content { padding-left: 2px; margin: 3px; background: #006699;} .tabLayout .tabListDiv ul li.inactive .top { background-image: url(../../images/line_db.png); background-repeat: repeat-x; background-position: top; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .bottom { background-image: url(../../images/line_db.png); background-repeat: repeat-x; background-position: bottom; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .left { background-image: url(../../images/line_db.png); background-repeat: repeat-y; background-position: left; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .right { background-image: url(../../images/line_db.png); background-repeat: repeat-y; background-position: right; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .topLeft { background-image: url(../../images/tl_db_off.png); background-repeat: no-repeat; background-position: left top; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .topRight { background-image: url(../../images/tr_db_off.png); background-repeat: no-repeat; background-position: right top; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .bottomLeft { background-image: url(../../images/bl_db_off.png); background-repeat: no-repeat; background-position: left bottom; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .bottomRight { background-image: url(../../images/br_db_off.png); background-repeat: no-repeat; background-position: right bottom; padding: 0px;} .tabLayout .tabListDiv ul li.inactive .content { padding-left: 2px; margin: 3px;} .tabLayout .tabContentDiv .tabContent {height: 300px; overflow: auto; margin-left: 0px;} .tabLayout .tabContentDiv .leftBorder {background-image: url(../../images/leftnav_dividernopad.gif); background-repeat: no-repeat; background-position: top left; padding-left: 17px;} .tabLayout .tabContentDiv .rightBorder {background-image: url(../../images/rightnav_dividernopad.gif); background-repeat: no-repeat; background-position: top right; padding-right: 20px;} /*two classes for the tabDiv for show/hide to make it simpler to pass a value with CF and Javascript when the pages are being built */ .tabLayout .tabContentDiv .tabDivHide {display: none;} .tabLayout .tabContentDiv .tabDivShow {display: block;} /* "header" tabs*/ .tabLayout .tabListDiv .headerTab .left { background-image: url(../../images/greenleft.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 5px;} .tabLayout .tabListDiv .headerTab .right {background-image: url(../../images/greenright.png); background-repeat: no-repeat; background-position: top right; padding: 0px 5px 0px 0px;} /* padding on this element keeps the help image from destroying the rest of the layout. It is very important to keep this, and if the font size is changed or any other sizing is different, the padding will need to be altered */ .tabLayout .tabListDiv .headerTab .middle { color : #669966; background-image: url(../../images/greenmiddle.png); background-repeat: repeat-x; padding: 2px 0px 5px 0px; background-position: top center; } /* end vertical tab styles */ /* pdf link to mol pages data sheet also link to article pdf */ .moldata { color: #666666; font-weight: bold;} /*meeting list styles */ .meetingList .meetingName {font-weight: bold; color: #000066;} .meetingList .meetingDesc {font-size: 10px;} .meetingList .meetingListpmid {margin: 5px;} /*for notes on generic pubmed recs */ .genericPubmed {margin: 5px; font-style: italic;} /*for pubmed listings on the grails app - protein interactions, pathology phenotype, etc.*/ .pmidDescription { font-weight: bold; color: #666666; margin-left: 10px; margin-bottom: 5px;} .pmidDiv{ margin-left: 10px;;} .pmidFooter {padding: 10px; font-weight: bold; color: #666666;} .pmidFooter a {font-weight: normal;}