*{ margin: 0; padding: 0; } body{ font-family: Arial, Helvetica, sans-serif; font-size: 80%; background: #ffffff url('/t4cms/bg.png') repeat-x center top; } /* for footer image*/ #outercontainer{ background: url('/t4cms/containerbg_bottom.png') repeat-y center top; } /* for background glow & gradient image. min height is so that the whole gradient will be displayed */ #container{ width: 942px; margin-right: auto; margin-left: auto; padding-right: 29px; padding-left: 29px; background: url('/t4cms/containerbg.png') no-repeat center top; height: 700px; } html>body #container{ height: auto; min-height: 700px; } /*ucd header*/ #header{ background: url('/t4cms/issda_logo.png') no-repeat left center; height: 87px; } /*********** TOP RIGHT NAV STYLES *************/ /*change to body class to green, blue etc to change the default page colours / / etc */ body.green #toprightnav{ background: url('/t4cms/toprightbg_green.png') no-repeat right center; } body.red #toprightnav{ background: url('/t4cms/toprightbg_red.png') no-repeat right center; } body.orange #toprightnav{ background: url('/t4cms/toprightbg_orange.png') no-repeat right center; } body.yellow #toprightnav{ background: url('/t4cms/toprightbg_yellow.png') no-repeat right center; } body.grey #toprightnav{ background: url('/t4cms/toprightbg_grey.png') no-repeat right center; } body.blue #toprightnav{ background: url('/t4cms/toprightbg_blue.png') no-repeat right center; } /* sitemap and contact links*/ body #toprightnav{ width: 450px; float: right; text-align: right; font-size: 85%; height: 18px; padding-top: 7px; } #toprightnav li{ float: right; list-style: none; } #toprightnav a{ color: #FFFFFF; text-decoration: none; margin-right: 10px; } #toprightnav a:hover{ text-decoration: underline; } /*********** SEARCH STYLES *************/ #search{ float: right; clear: both; margin-top: 20px; } #search #searchbutton{ margin-bottom: -4px; } html>/**/body #search #searchbutton{ margin-bottom: -8px; } input#searchbox{ height: 19px; } /*********** TOP NAV STYLES *************/ #topnav{ background: url('/t4cms/topnavbg.png') no-repeat center center; height: 30px; padding-top: 12px; font-size: 110%; } #topnav li{ float: left; list-style: none; height: 30px; } #topnav a{ color:#FFFFFF; text-decoration:none; background: url('/t4cms/topnavspacer.png') no-repeat right bottom; padding-right: 18px; padding-left: 18px; padding-bottom: 14px; height: 100%; } html>body #topnav a{ padding-bottom: 0px; display: block; } /* hover, active and optional 'current' class styles for top nav links*/ #topnav .bluebutton a:hover, #topnav .bluebutton a:active, #topnav li.current a.bluebutton{ background: url('/t4cms/buttonhover_blue.png') no-repeat right bottom; } #topnav .greenbutton a:hover, #topnav .greenbutton a:active, #topnav li.current a.greenbutton{ background: url('/t4cms/buttonhover_green.png') no-repeat right bottom; } #topnav .greybutton a:hover, #topnav .greybutton a:active, #topnav li.current a.greybutton{ background: url('/t4cms/buttonhover_grey.png') no-repeat right bottom; } #topnav .yellowbutton a:hover, #topnav .yellowbutton a:active, #topnav li.current a.yellowbutton{ background: url('/t4cms/buttonhover_yellow.png') no-repeat right bottom; } #topnav .orangebutton a:hover, #topnav .orangebutton a:active, #topnav li.current a.orangebutton{ background: url('/t4cms/buttonhover_orange.png') no-repeat right bottom; } #topnav .redbutton a:hover, #topnav .redbutton a:active, #topnav li.current a.redbutton{ background: url('/t4cms/buttonhover_red.png') no-repeat right bottom; } /*********** BREADCRUMB STYLES *************/ #breadcrumb{ background: #E5F4FD; height: 24px; font-size: 85%; padding-top: 10px; padding-left: 10px; margin-bottom: 25px; } #breadcrumb p{ float: left; color: #666666; font-weight: bold; } #breadcrumb ul{ float: left; width: 75%; } #breadcrumb li{ float: left; list-style: none; } #breadcrumb a{ background: url('/t4cms/breadcrumbspacer.png') no-repeat left center; padding-right: 0px; padding-left: 10px; color: #0097E8; text-decoration: none; } /* remove spacer bar on first list item */ #breadcrumb li.first a{ /*background: url('/t4cms/breadcrumbspacer_none.png') no-repeat left center;*/ background: #E5F4FD; padding-left: 5px; } #breadcrumb a:hover{ text-decoration: underline; } /*********** INNERCONTAINER STYLES *************/ #innercontainer{ clear: both; } /*********** COLUMN 1 STYLES *************/ #col1{ width: 198px; float: left; display: inline; margin-bottom: 5px; } #col1 h2{ color: #FFFFFF; font-size: 110%; padding: 10px; } /* changes colour of header 2 background depending on body class applied */ body.green #col1 h2{ background: #99CC00; } body.yellow #col1 h2{ background: #FFCC00; } body.orange #col1 h2{ background: #FF9900; } body.red #col1 h2{ background: #CC3300; } body.grey #col1 h2{ background: #CCCCCC; } body.blue #col1 h2{ background: #0097E8; } /*********** LEFTNAV STYLES *************/ #leftnav{ background: #F0F9FD; height: 366px; } #leftnav h2 a{ color: #FFFFFF; text-decoration: none; } #leftnav h2 a:active, #leftnav h2 a:hover{ text-decoration: underline; } html>body #leftnav{ background: #F0F9FD; height: auto; min-height: 366px; } #leftnav li{ list-style: none; display: block; border-top: #F0F9FD 1px solid; border-bottom: #F0F9FD 1px solid; } #leftnav li a{ display: block !important; width: 178px; color: #003366; padding: 10px; text-decoration: none; } #leftnav li span{ padding: 10px; display: block; } #leftnav li span a { padding: 0px; } #leftnav li span a:hover, #leftnav li span a:active{ background: #FFFFFF !important; } #leftnav li:hover{ border-top: #DAF0F9 1px solid; border-bottom: #DAF0F9 1px solid; } /* hover, active and 'current' class styles for the left nav, linked to body class colour*/ .green #leftnav a:hover, .green #leftnav a:active, .green #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_green.png') no-repeat left center; } .blue #leftnav a:hover, .blue #leftnav a:active, .blue #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_blue.png') no-repeat left center; } .orange #leftnav a:hover, .orange #leftnav a:active, .orange #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_orange.png') no-repeat left center; } .yellow #leftnav a:hover, .yellow #leftnav a:active, .yellow #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_yellow.png') no-repeat left center; } .red #leftnav a:hover, .red #leftnav a:active, .red #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_red.png') no-repeat left center; } .grey #leftnav a:hover, .grey #leftnav a:active, .grey #leftnav li.current a{ background: #FFFFFF url('/t4cms/leftnavhover_grey.png') no-repeat left center; } /*********** COLUMN 2 STYLES *************/ #col2 h2{ color: #0097E6; font-size: 110%; font-weight: normal; } #col2 h3{ color: #0097E6; font-size: 90%; } #col2 li{ margin-left: 25px; color: #333333; font-size: 100%; list-style: square; } #col2 ul, #col2 ol{ margin-bottom: 10px; } #col2 p{ margin-bottom: 10px; color: #666666; } table{ border: 1px solid #666666; border-collapse: collapse; } th{ background: #999999; color: #FFFFFF; padding: 10px; text-transform: uppercase; font-size: 85%; text-align: left; } td{ padding: 10px; font-size: 85%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } /*********** STYLES SPECIFIC TO ARTICLE PAGE COLUMN 2 *************/ body.article #col2{ float: left; width: 506px; display: inline; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; } body.article #col2 h1{ color: #666666; font-size: 120%; } /*********** STYLES SPECIFIC TO RESEARCH & PUBLICATIONS PAGES, COLUMN 2 *************/ body.research #col2, body.publications #col2{ float: left; width: 460px; display: inline; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; } body.research #col2 h1, body.publications #col2 h1{ color: #333333; font-size: 120%; } /*********** STYLES SPECIFIC TO RESEARCH PAGES, COLUMN 2 *************/ #researchcontent div{ background: #F2F9FE; padding: 10px; height: 88px; } html>body #researchcontent div{ height: auto; min-height: 88px; } #researchcontent h2{ background: #E5F4FD; color: #666666; font-size: 120%; padding: 5px 5px 5px 10px; border-bottom: 1px solid #0097E8; clear: both; margin-top: 10px; margin-bottom: 3px; } #researchcontent h3{ color: #666666; font-size: 105% } #researchcontent img{ float: left; background: #FFFFFF; padding: 4px; border-bottom: 1px solid #CBE9FA; border-left: 1px solid #CBE9FA; margin-right: 10px; margin-bottom: -20px; } #researchcontent p img{ background: #F2F9FE; border: none; } /*********** STYLES SPECIFIC TO PUBLICATIONS PAGES, COLUMN 2 *************/ #publicationscontent { padding-top: 13px; } #publicationscontent div{ /*width: 200px; float: left;*/ font-size: 95%; padding-right: 20px; margin-left: 10px; /*margin-top: 20px; display: inline;*/ } #publicationscontent h2{ /*float: right; clear: none; width: 140px; text-align: left;*/ color: #0097E7; font-size: 110%; } #publicationscontent p{ /*float: right; clear: right; width: 140px; text-align: left;*/ } #publicationscontent img{ float: left; clear: left; margin-bottom: 13px; border: none; margin-right: 13px; } #browsepublications{ background: url('/t4cms/searchpublications.png') no-repeat center center; height: 65px; clear: both; float: none; margin: 40px auto 40px; padding: 10px; } #browsepublications form{ width: 330px; float: left; } #browsepublications select{ width: 135px; /*height:25px;*/ border: #FFFFFF 1px solid; margin-top: 19px; } #browsepublications fieldset{ border: none; } #browsepublications h2{ font-size: 110%; color: #0097E7; } #browsepublications input{ margin-bottom: -3px; } html>/**/body #browsepublications input{ margin-bottom: -5px; } #browsepublications p{ width: 105px; float: right; margin-top: 23px; font-size: 85%; } #browsepublications a{ color: #0097E7; text-decoration: none; border-bottom: #0097E7 dashed 1px; } /*********** STYLES SPECIFIC TO ARTICLE PAGE COLUMN 3 *************/ body.article #col3{ float: left; width: 178px; display: inline; margin-bottom: 5px; } body.article #col3 h2{ background: #E5F4FD; color: #666666; font-size: 110%; padding: 10px; } body.article #col3 li{ list-style: none; background: #F2F9FE; padding: 10px; border-bottom: #DAF0F9 1px solid; } body.article #col3 li.last{ border-bottom: none; } #col3 li.pdflink a{ background: url('/t4cms/pdflink.png') no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } #col3 li.printlink a{ background: url(/t4cms/printlink.png) no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } #col3 li.emaillink a{ background: url(/t4cms/emaillink.png) no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } #col3 li a:hover{ text-decoration: underline; } /*********** STYLES SPECIFIC TO RESEARCH & PUBLICATIONS PAGES, COLUMN 3 *************/ body.research #col3, body.publications #col3{ float: left; width: 200px; display: inline; margin-bottom: 5px; background: #F7FCFE; border: #CCCCCC solid 1px; font-size: 90%; } body.research #col3 h2, body.publications #col3 h2{ font-size: 110%; font-weight: normal; color: #0097E6; margin: 0 10px 0 10px; } body.research #col3 p, body.publications #col3 p{ margin: 0 10px 10px 10px; color: #666666; } body.research #col3 img, body.publications #col3 img{ border: none; padding: 4px; } /*********** FOOTER STYLES *************/ #footer{ float: none; clear: both; border-top: 1px solid #CCCCCC; color: #666666; font-size: 85%; padding-left: 10px; height: 80px; } #footer ul{ clear: left; margin-top: 10px; height: 20px; float: left; width: auto; } #footer ul.logos{ clear: none; height: auto; float: right; width: auto; } #footer ul.logos img{ border: none; } #footer li{ float: left; list-style: none; } #footer a{ color: #666666; text-decoration: none; background: url('/t4cms/footerspacer.png') no-repeat left center; padding-left: 8px; } #footer ul.logos a{ /* background: url('/t4cms/footerspacer_none.png') no-repeat left center; */ background: #FFFFFF; } #footer li.first a{ /* background: url('/t4cms/footerspacer_none.png') no-repeat left center; */ background: #FFFFFF; padding-left: 0px; } #footer a:hover{ text-decoration: underline; } /* footer background image*/ #containerendimage{ background: url('/t4cms/footerbg.png') no-repeat center bottom; clear: both; height: 10px; } /*********** HOMEPAGE STYLES *************/ #welcometext{ display: inline; float: left; width: 850px; margin-bottom: 1px; padding: 20px; color: #666666; margin-top: 20px; } #welcometext h1{ color: #333333; font-size: 120%; } #welcometext p{ margin-bottom: 5px; } #accordian{ height: 241px; width: 0px; float: left; margin-bottom: 20px; margin-top: 20px; } /* styles for home page row 1*/ #row1{ clear: both; font-size: 90%; } #row1 div{ display: inline; float: left; width: 313px; margin-right: 1px; background: #F1F9FE; color: #666666; } #row1 div div{ padding: 10px 20px; width: auto; height: 105px; } html>body #row1 div div{ min-height: 105px; height: auto; } #row1 img{ float: left; margin-right: 10px; background: #FFFFFF; padding: 5px; } #row1 h3{ font-size: 100%; } #row1 h2{ font-size: 110%; color: #FFFFFF; background: #0097E8; padding: 10px 20px; } #row1 h2 a{ color: #FFFFFF; text-decoration: none; } #row1 h2 a:hover, #row1 h2 a:active{ text-decoration: underline; } #row1 p{ margin-bottom: 5px; } #row1 p a{ color: #666666; text-decoration: none; } #row1 p a:hover, #row1 p a:active{ text-decoration: underline; } /* styles for home page row 2 */ #row2 div{ display: inline; float: left; width: 313px; margin-right: 1px; color: #666666; } #row2{ clear: both; font-size: 90%; } #row2 h2{ font-size: 110%; color: #666666; background: #CCEAFA url('/t4cms/home_row2_h2_bg.png') repeat-x center bottom; padding: 10px 20px; } #row2 h2 a{ color: #666666; text-decoration: none; } #row2 h2 a:hover, #row2 h2 a:active{ text-decoration: underline; } #row2 div div{ padding: 10px 15px; width: auto; } /* Override padding for blog box */ #row2 div div div{ padding: 0px; width: auto; } #row2 img{ float: left; margin-right: 10px; background: #FFFFFF; padding: 5px; } #row2 p{ float: left; margin-bottom: 5px; font-size: 90%; color: #0097E8; } #row2 p a{ color: #0097E8; text-decoration: none; } #row2 p a:hover, #row2 p a:active{ text-decoration: underline; } *:first-child+html #row2 p{ width: 100%; } * html #row2 p{ width: 70%; } #col2 a { color: #666666; text-decoration: underline; } #col2 p a:hover, #col2 p a:active{ text-decoration: none; } /*********** REUSABLE CLASS STYLES *************/ .invisible{ overflow: hidden; position: absolute; height: 0px; width: 0px; } .floatimageright{ float: right; margin-left: 10px; margin-bottom: 10px; } .clear{ clear: both; } body.inner #col2{ float: left; width: 460px; display: inline; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; } body.inner #col2 h1{ color: #333333; font-size: 120%; } body.inner #col3 .article{ float: left; width: 202px; display: inline; margin-bottom: 5px; } body.inner #col3 .publications{ float: right; width: 200px; display: inline; margin-bottom: 5px; background: #F7FCFE; border: #CCCCCC solid 1px; font-size: 90%; margin-right: 22px; } body.inner #col3 .publications h2{ font-size: 110%; font-weight: normal; color: #0097E6; margin: 0 10px 0 10px; } body.inner #col3 .publications p{ margin: 0 10px 10px 10px; color: #666666; } body.inner #col3 .publications img{ border: none; padding: 4px; } body.inner #col3 .article h2{ background: #E5F4FD; color: #666666; font-size: 110%; padding: 10px; } body.inner #col3 .article li{ list-style: none; background: #F2F9FE; padding: 10px; border-bottom: #DAF0F9 1px solid; } body.inner #col3 .article li.last{ border-bottom: none; } body.inner #col3 .article li.pdflink a{ background: url('/t4cms/pdflink.png') no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } body.inner #col3 .article li.printlink a{ background: url(/t4cms/printlink.png) no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } body.inner #col3 .article li.emaillink a{ background: url(/t4cms/emaillink.png) no-repeat left center; padding-left: 25px; color: #666666; text-decoration: none; } body.inner #col3 .article li a:hover{ text-decoration: underline; } #sitemap li{ font-size: 100% !important; } /* RMS Profile css */ #col2 #profileNavigation { margin-bottom: 15px; width:100%; } #col2 #profileNavigation ul { list-style-type: none; margin: 0px; height: 20px; width:90%; background-color: #EBF5D6; margin-top: 15px; } #col2 #profileNavigation ul li { float: left; margin: 0px; list-style-type: none; } #col2 #profileNavigation ul li a { float: left; display: block; text-decoration: none; font-size: 1em; color: #000000; padding: 3px 8px; height: 14px; } #col2 #profileNavigation ul li a.current { float: left; display: block; text-decoration: none; font-size: 1em; font-weight: bold; color: #000000; padding: 3px 8px; height: 14px; } #col2 #profileNavigation ul li a:hover { background-color: #99CC33; } #col2 #centreColumn table, #col2 #centreColumn td {border: none;padding:0px; font-size: 100%;} #col2 #rightColumn {width: 180px !important; padding: 0px !important;} #col2 #centreColumn {width: 460px !important;}