/*----------------------------------------------------------------------------- Default screen stylesheet for NCeSS version: 1.0 author: Mez Hopking email: mez.hopking@headscape.co.uk website: http://www.headscape.co.uk/ -----------------------------------------------------------------------------*/ /***** BLOG SPECIFIC *****/ #searchform input {padding: 2px; font-size: 85%; color: #555; margin: 10px 0px; width: 169px} #searchsubmit {width: 80px !important; } .blog {margin-top: 30px;} .currentArchive {border: 1px solid #00aaec; padding: 0 10px; margin-bottom: 15px; background: url(../images/layout/peoplePhoto-bg.gif) repeat 0px 0px; color: #555;} .currentArchive a {color: #00aaec; font-weight: bold;} .currentArchiveDate {color: #f60;} .currentArchiveCategory {color: #00aaec; font-weight: bold;} .blog h1 {color: #00aaec} .blog h3, .blog h3 a {color: #00aaec; font-size: 120%} .postTime {margin-top: -15px; border-bottom: 2px solid #bbb !important; padding: 0 0 5px 0; font-weight: bold; color: #00aaec;} .details {margin: 5px 0 30px 0; border-top: 2px solid #ddd; border-bottom: 4px solid #ddd;} .details p {padding: 5px 0px !important; color: #555!important; font-size: 90%; margin: 0; font-weight: bold;} .details p a {border-bottom: none !important; color: #00aaec;} .details p a:hover {color: #c70c7d;} p a {text-decoration:underline;} p.eventItemEdit a {text-decoration:none;} .navigation {color: 555; font-weight: bold;} .navigation a {color: #00aaec; font-weight: normal;} .navigation a:hover {color: #c70c7d;} #comment {width: 100%; height: 150px; background-color: #fff; border: 1px solid #b2dbeb; color: #555; padding: 3px 0 0 0;} #email, #url, #author {background-color: #fff; border: 1px solid #b2dbeb; width: 250px; color: #555; padding: 3px; margin-right: 10px} #email:focus, #url:focus, #author:focus {border-color: #00aaec; background-color: #fff;} #comment:focus {border-color: #00aaec; background-color: #fff;} #commentContainer {border: 1px solid #b2dbeb; padding: 15px; background: url(../images/layout/peoplePhoto-bg.gif) repeat 0px 0px;} #respond, #comments {color: #00aaec !important;} #respond, #comments {color: #00aaec !important;} .commentlist ol {padding: 0px; margin: 0px;} .commentlist li {border: 1px solid #b2dbeb; background-color: #fff; padding: 10px; margin-bottom: 20px !important; margin-left: -40px} .commentlist li a {color: #00aaec;} .commentAuthor {font-weight: bold; color: #00aaec;} .commentRequired {color: #ff0000;} /***** BLOG SPECIFIC END *****/ body {padding: 0 380px 0 380px; margin: 3px 0 0 0; text-align: center; /*background: url(../images/layout/body-bg.png) top left repeat-x;*/font: 75% Arial, Verdana, Helvetica, sans-serif; color: #555; text-align: left;} /*******start of header*****/ /*#top-block {background-color:#FFF; width:99%; margin-left:auto; margin-right:auto; border:2px solid; border-color:#FF0099; border-bottom-color:#00A5E5; background-position:right; background-image:url(../images/layout/connecting people computers.png); background-repeat:no-repeat;} #top-block #top-links {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color:#FFFFFF; width:370px; float:right; padding-top:0.5em; padding-right:0.75em;} #top-block #top-links a {color:#CC0066;; text-decoration:underline;} #top-block #top-links a:hover { color:#CC0066; text-decoration:none; } #top-block #ncess-logo {padding-left:0.8em; padding-top:0.8em; padding-bottom:0.5em; height:94px;} /* #main-links { font-size:small; padding-bottom:5px; padding-top: 5px; color: #FFFFFF; font-family: Arial,Verdana, Helvetica, sans-serif; background-image:url(/images/blue-banner.png); border-top:5px solid #fff; } #main-links ul {padding: 0; list-style: none; position: relative; width: 100%; text-align: center; margin: 1px;} #main-links li {display: inline; padding: 0px 0px !important; font-weight: bold; font-size: 100%; color: #fff;} #main-links li .active {color: #616161; background: url(/images/pink-bg.png) center left repeat-x; border: 1px solid #969696; margin: -1px;} #main-links li a {text-decoration:none;color: #fff; padding: 3px 6px;} #main-links li a:hover { background-color:#BB005E; border: 1px solid #969696; margin: -1px; position: relative;} #social-links { font-weight: bold; float:right; padding:0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} #social-links .facebook {color: #4068A7;} #social-links .delicious { color: #666666; } #social-links .digit { color: #336600;} #social-links .rss {color: #F89938; padding-right:1em; } .search-box {background-color:#FFCCFF; border:2px solid #CC0066; padding:3px; color:#333333;} .roundcont {width: 178px;background-color: #fff; color: #fff;} .roundcont p {margin: 0 0px -4px;} .roundtop { background: url(/images/ncess-logo-tr.gif) no-repeat top right; } .roundbottom {background: url(/images/ncess-logo-br.gif) no-repeat top right;} img.corner {width: 15px; height: 15px; border: none; display: block !important;} /*******end of header*****/ /***** LAYOUT DIVS *****/ #sizer {margin: 0 auto 0 auto; padding: 0; width: 82%; position: relative; max-width: 500px;} #expander {background: white; margin: 0 -380px 0 -380px; min-width: 740px; position: relative; background: url(../images/layout/page-bg_right.png) top right repeat-y;} /**** helps IE get the child percentages right. ****/ #wrapper {width: 100%; background: url(../images/layout/page-bg_left.png) top left repeat-y; position: relative;} .clearfix {clear: both; padding: 0 0 60px 0} .clearno {clear: both;padding: 0 0 10px 0} .clearfixLeft {clear: left; padding: 0 0 60px 0} .clearfixRight {clear: right; padding: 0 0 60px 0} #header {height: 100px; position: relative;} #block-header {height: 100px; position: relative;} #block-header #main {height: 100px; position: relative;} #block-header #search {height: 100px; position: relative;} #access {width: 354px; height: 130px; float: right; margin-bottom: -30px; margin-right: 30px; background: url(../images/layout/connecting-world.jpg) 100px 0px no-repeat;} #access-new {width: 354px; height: 130px; float: right; margin-bottom: -30px; margin-right: 30px; } .access_box {width: 352px; background: url(../images/layout/access_box-top.png) 0px 0px no-repeat; position: relative; margin-top: 12px} .access_box-bot {width: 352px; height: 8px; background: url(../images/layout/access_box-bot.png) bottom left no-repeat; position: absolute; bottom: 0px} #access a {text-decoration:none;} #footer {background: url(../images/layout/footer-bg.png) top left repeat-x; height: 74px; margin: -10px -380px 0 -380px} #footer a {text-decoration:none;} /* #access {width: 354px; height: 130px; float: right; margin-bottom: -30px; margin-right: 30px; background: url(../images/layout/connecting-world.jpg) 100px 0px no-repeat;} .access_box {width: 352px; background: url(../images/layout/access_box-top.png) 0px 0px no-repeat; position: relative; margin-top: 12px} .access_box-bot {width: 352px; height: 8px; background: url(../images/layout/access_box-bot.png) bottom left no-repeat; position: absolute; bottom: 0px} #access a {text-decoration:none;} #footer {background: url(../images/layout/footer-bg.png) top left repeat-x; height: 74px; margin: -10px -380px 0 -380px} #footer a {text-decoration:none;} */ #col-r, #col-m {postion: relative; float: left; width: 27%;} #col-l {position: relative; width: 45%; float: left;} .showlink a { color:#3366FF; text-decoration:underline;} .front-pink-bold {color: #C70C7D; font-weight: bold; font-size:115%; } .front-blog-blue {color: #406A9D; font-weight: bold; font-size: 115%; } #col-r .col-content, #col-m .col-content {background-color: #fff; margin-left: 20px; position: relative;} #col-l .col-content {background-color: #fff; position: relative;} #container {float: left; width: 100%;} #col-subnav {float: left; width: 260px; position: relative;} #col-main {margin-left: 270px; padding: 0 0 0 5px; margin-top: -20px} p.imgleft img {float: left; margin-right: 10px; background-color: #fff; position: relative} p.imgleft a img {border:0px;float: left; margin-right: 10px; background-color: #fff; position: relative} .content-block {border-bottom: 1px solid #c0c0c0; position: relative;} .content-block a {text-decoration:none;} .content-block2 {border-bottom: 0px solid #c0c0c0; position: relative;} .content-block2 a { text-decoration:none;} .content-block2-outline { padding:0.1em; position: relative;} .content-block2-nolink a {text-decoration:none;} .h2 {font-size: 130%; color:#FFFFFF; font-weight:bold; display: block; padding: 5px; background-image:url(/images/blue-banner.png);} .h2-clear {font-size: 130%; font-weight:bold; display: block; padding: 1px;color: #c70c7d; } .newsletter {background: url(../images/layout/newsletter.jpg) 0px 30px no-repeat; height: 150px} .rss {background: url(../images/layout/rss.jpg) 10px 79px no-repeat; height: 150px} #breadcrumbs {position: relative; margin-top: -20px;} #logo {background: url(../images/layout/logo.png) top left no-repeat; height: 103px; width: 350px; position: absolute; top: 20px; left: 30px;} /***** LAYOUT DIVS END *****/ /***** EVENTS / NEWS / RESOURCES / PROJECTS ******/ #newsNavigation, #eventNavigation, #resourceNavigation, #projectNavigation {float: left; position: relative; margin: 0px 0px 15px 0px; font-weight: bold; background-color: #eee; width: 99%; border: 1px solid #00aaec;} #newsNavigation p, #eventNavigation p, #resourceNavigation p, #projectNavigation p {padding: 0 0 0 10px;} #newsNavigation p a, #eventNavigation p a, #resourceNavigation p a, #projectNavigation p a {text-decoration:none;color: #555;} #newsNavigation p a:hover, #eventNavigation p a:hover, #resourceNavigation p a:hover, #projectNavigation p a:hover {color: #00aaec;} .newsPrevious, .eventPrevious, .resourcePrevious, .projectPrevious {background: url(../images/layout/newsNavArrow-l.png) 0% 50% no-repeat; padding: 0 0 0 10px;} .newsNext, .eventNext, .resourceNext, .projectNext {background: url(../images/layout/newsNavArrow-r.png) 100% 50% no-repeat; padding: 0 10px 0 0; margin-right: 10px} .newsPageCurrent, .eventPageCurrent, .resourcePageCurrent, .projectPageCurrent {color: #c70c7d;} #newsList, #eventList, #resourceList, #projectList {position: relative; float: left; width: 100%;} .filterResults {border-top: 1px dashed #00aaec;} .navigationTitle {color: #c70c7d; padding: 0 15px 0 0; font-size: 110%;} .filterTitle {color: #c70c7d; font-size: 110%;} ul.newsitem, ul.eventItem, ul.resourceItem, ul.projectItem {list-style: none; display: block; min-height: 15px; margin: 0px 0px 15px 0px; color: #555; padding: 15px} ul.newsitem a, ul.eventItem a, ul.resourceItem a, ul.projectItem a {text-decoration:none;color: #555;} ul.newsitem img, ul.eventItem img, ul.resourceItem img, ul.projectItem img, p.eventItemInfo img {border: 1px solid #555; float: left; margin: 0 15px 10px 0; padding: 2px; background-color: #fff; position: relative} ul.odd {border: 1px solid #c70c7d; line-height: 1.5em} ul.even {border: 1px solid #00aaec; line-height: 1.5em} /*ul.odd a {background-color: #fff; padding: 15px;} ul.even a {background-color: #fff; padding: 15px;} ul.odd a:hover, ul.even a:hover {background-color: #f2f2f2 !important;}*/ ul.newsitem:hover, ul.eventItem:hover {background-color: #f2f2f2 !important;} ul.odd:hover, ul.even:hover {border: 1px solid #555;} li.newsitem a, li.eventitem a, li.resourceitem a, li.projectitem a {display: block; font-weight: bold;} ul.featured {border: 2px solid #f60; line-height: 1.5em;} ul.featured a {padding: 15px; background: url(../images/layout/list-featured_bg.png) top right no-repeat #fff4ec;} ul.featured a:hover {background-color: #f2fbff !important; background-image: url(../images/layout/list-featured_bg-hover.png);} ul.featured:hover {border: 2px solid #00aaec;} p.even {border: 1px solid #00aaec; line-height: 1.5em; margin: 0px 0px 15px 0px;} p.odd {border: 1px solid #c70c7d; line-height: 1.5em; margin: 0px 0px 15px 0px;} p.odd:hover, p.even:hover {border: 1px solid #555; background-color: #f1f1f1 !important;} p.featured {border: 2px solid #f60; line-height: 1.5em;margin: 0px 0px 15px 0px;background: url(../images/layout/list-featured_bg.png) top right no-repeat #fff4ec;} p.featured:hover {border: 2px solid #00aaec; line-height: 1.5em;margin: 0px 0px 15px 0px;background: url(../images/layout/list-featured_bg-hover.png) top right no-repeat #fff4ec;} p.eventItemEdit {border: 1px solid #aaa; line-height: 1.5em; margin: 0px 0px 1px 0px; padding: 5px 5px 3px 5px;} .eventEdit {border: 1px solid #aaa; padding: 7px 5px 2px 5px; margin: 0px 15px 0px 5px;} .eventEdit:hover {border: 1px solid #aaa; background-color: #eee; padding: 7px 5px 2px 5px;} .newsItemTitle, .newsItemTitle a, .eventItemTitle, .eventItemTitle a {font-weight: bold; color: #0091c9; font-size: 110%;} .resourceItemTitle, .resourceItemTitle a, .projectItemTitle, .projectItemTitle a {font-weight: bold; color: #0091c9; font-size: 110%;} .newsItemDate, .newsItemDate a, .eventItemDate, .eventItemDate a, .resourceItemDate, .resourceItemDate a, .projectItemDate, .projectItemDate a {font-size: 100%; font-weight: normal; color: #c70c7d; padding: 0 0 0 5px;} .newsItemDesc, .newsItemDesc a, .eventItemDesc, .eventItemDesc a, .resourceItemDesc, .resourceItemDesc a, .projectItemDesc, .projectItemDesc a {font-weight: normal; color: #555; padding: 0 0 0 5px;} .newsItemShortDesc, .eventItemShortDesc { font-weight: normal; color: #555;} .newsFilter, .eventFilter, .resourceFilter, .projectFilter {margin: 0 5px 0 15px; color: #555} .newsSelectedFilter, .eventSelectedFilter, .resourceSelectedFilter, .projectFilter {color: #c70c7d} .resourceSearch, .projectSearch {padding: 0 0 0 15px; color: #c70c7d;} .resourceSearch input, .projectSearch input {padding: 0 5px 0 5px; margin-left: 5px;} .newsItemOrigin, .eventItemLocation { color: #00aaec; font-weight: bold;} .newsItemAuthor, .newsItemCategory, .newsItemProject, .eventItemCategory, .resourceItemCategory, .projectItemCategory {color: #ff7e00; font-weight: normal; padding: 0 7px 0 5px;} .newsItemReference, .eventItemReference, .resourceItemReference, .projectItemReference {border-left: 2px solid #ff0000; padding: 10px; color: #ff0000; background-color: #f3f3f3; font-weight: bold;} .newsItemReference em, .eventItemReference em, .resourceItemReference em, .projectItemReference em {font-weight: normal;} .newsItemEditor, .eventItemEditor, .resourceItemNotes, .projectItemNotes {border-left: 2px solid #555; padding: 10px; color: #666; background-color: #f3f3f3; font-weight: bold;} .newsItemEditor em, .eventItemEditor em, .resourceItemNotes em, .projectItemNotes em {font-weight: normal;} .eventItemInfo, .resourceItemInfo, .projectItemInfo {padding: 10px; margin: 0px; color: #666; font-weight: bold; border: 1px solid #00aaec; background-color: #f1f1f1; line-height: 1.3em;} .eventItemDateStart, .eventItemDateEnd, .eventItemTimeStart, .eventItemTimeEnd, .eventItemLocation, .projectItemDuration {color: #00aaec; font-weight: bold; padding: 0px 5px} .eventItemLocation {color: #c70c7d; font-weight: bold;} .eventItemSummary, .newsItemSummary, .resourceItemSummary, .projectItemSummary {margin: 15px 0px 10px 0; padding: 10px 0 10px 10px; border-left: 2px solid #00aaec; font-size: 120%; background-color: #f3f3f3} .eventItemOrganiser {} .eventItemContact {color: #000; padding: 0 0 0 5px;} .eventItemContactTel {padding: 0 5px; color: #00aaec;} .eventItemContactWeb, .eventItemContactWeb a {padding: 0 5px; color: #00aaec;} .eventItemContactEmail, .eventItemContactEmail a {padding: 0 5px; color: #00aaec;} .eventItemOrganiser, .eventItemOrganiser a {padding: 0 5px; color: #c70c7d;} .eventItemInfo>.eventItemCategory {padding: 0 5px; font-style: normal; color: #c70c7d;} .resourceItemDownload {border: 1px solid #555; padding: 10px; color: #fff; background-color: #00aaec; font-weight: bold; font-size: 120%; text-align: center;} .resourceItemDownload a {color: #fff;} .resourceItemDownload a:hover {background-color: #fff; padding: 4px; border: 1px solid #555;} .resourceItemDownload .resourceItemFilename {font-weight: bolder !important; text-decoration: underline; padding-right: 5px;} .resourceItemDownload-top {color: #c70c7d; font-size: 100%; border: 1px solid #555; padding: 1px 20px 1px 10px; background: url(../images/layout/icon-download.gif) 95% 50% no-repeat #fff !important;} .resourceItemFilename {font-weight: normal; padding: 0 10px 0 5px} .resourceItemFileType {background-position: 100% !important; background-repeat: no-repeat !important; font-weight: normal; padding: 1px 20px 0px 5px; margin-right: 5px} .resourceItemFileSize {padding: 0 10px 0 5px; color: #0091c9; font-weight: normal;} .resourceItemOrganisation, .projectItemOrganisation {font-weight: normal; color: #0091c9; padding: 0 5px 0 5px;} .resourceItemPeople, .projectItemPeople {font-weight: normal; color: #0091c9; padding: 0 5px 0 5px;} .resourceItemProject, .projectItemProject, .projectItemLocation {font-weight: normal; color: #0091c9; padding: 0 5px 0 5px;} .projectItem1Investigator, .projectItem1Investigator a {font-weight: normal; color: #0091c9; padding: 0 5px 0 5px;} .projectItem2Investigator, .projectItem2Investigator a {font-weight: normal; color: #c70c7d; padding: 0 5px 0 5px;} .projectItem1InvestigatorEmail, .projectItem1InvestigatorEmail a {font-weight: normal; color: #0091c9; padding: 0 5px 0 5px;} .projectItemWebsite a {color: #f60; padding: 0 0 0 5px;} .doc, .txt, .rtf {background: url(../images/layout/icon-doc.gif)} .xls, .csv {background: url(../images/layout/icon-xls.gif)} .jpg, .jpeg, .gif, .png, .bmp {background: url(../images/layout/icon-image.gif)} .ppt {background: url(../images/layout/icon-ppt.gif)} .pdf {background: url(../images/layout/icon-pdf.gif)} .xxx {background: url(../images/layout/icon-xxx.gif)} .exe {background: url(../images/layout/icon-exe.gif)} /**** END EVENTS / NEWS / RESOURCES / PROJECTS ****/ /**** SITEMAP ****/ #sitemap {float: left; display: block; width: 100%;} #sitemap li {list-style: none !important; line-height: 1.6em; width: 100%;} #sitemap li a {display: block; color: #555;} #sitemap li a:hover {background-color: #eee; border-right: 2px solid #00aaec; color: #c70c7d} #sitemap ul li {background: url(../images/layout/sitemap_arrow1.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul li a {margin-right: 15px} #sitemap ul ul li {background: url(../images/layout/sitemap_arrow2.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul li a {margin-right: 30px;} #sitemap ul ul ul li {background: url(../images/layout/sitemap_arrow3.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul ul li a {margin-right: 45px;} #sitemap ul ul ul ul li {background: url(../images/layout/sitemap_arrow4.png) 0px 8px no-repeat; padding: 0 0 0 15px;} #sitemap ul ul ul ul li a {margin-right: 60px;} .topLevel {font-weight: bold;} /**** END SITEMAP ****/ /**** CONTACT FORM ****/ #form {border: 1px dotted #555; background: #f6f6f6; padding: 15px 25px 15px 15px; margin: 15px 0 0 0;} #form input.inp, #form textarea.inp, #se_form input.inp {border: 1px solid #00aaec; font: 100% Verdana, Arial, Helvetica, sans-serif; width: 100%; background: #fff; color: #555; padding: 3px; margin-bottom: 10px; outline: none;} #form input.inp:focus, #form textarea.inp:focus, #se_form input.inp:focus, .ddl:focus {background-color: #e1f7ff !important;} #form input.inp:hover, #form textarea.inp:hover, #se_form input.inp:hover, .ddl:hover {border: 1px solid #f60;} #form p {margin-bottom: 3px; font-weight: normal;} #form .req {color: #c70c7d; font-weight: normal} #form .title {font-weight: bold;} #form .ddl {border: 1px solid #00aaec; color: #555; width: 200px; padding: 1px;} #form .ddl:hover {border: 1px solid #f60;} #form .radio {margin: 0 5px 0 5px} #form .chkbx { margin: 6px 8px 0px 6px;} #form .btn {padding: 5px; margin: 10px 10px 0 0; width: 80px;} #formError {border: 2px solid #ff0000; margin: 20px 0; padding: 0 20px; background-color: #ffeeee} #formError h2 {color: #ff0000 !important; font-size: 120% !important; margin: 10px 0 5px 0 !important; padding: 0px !important} #formError p {margin: 0px 0 10px 0; !important; padding: 0px !important; color: #000 !important; font-weight: bold;} .formError {background: url(../images/layout/icon-formerror.gif) 0% 50% no-repeat; padding: 0 0 0 20px; margin: 0 0 0 10px; color: #ff0000;} /**** END CONTACT FORM ****/ /**** PEOPLE ****/ #people {} .peoplePhoto {float: right; border: 1px solid #00aaec; padding: 15px; background: url(../images/layout/peoplePhoto-bg.gif) repeat 0px 0px; margin-left: 20px; width: 156px; position: relative;} .peoplePhoto img {padding: 2px; border: 1px solid #555; background-color: #fff} #people h2 {color: #00aaec !important; font-size: 140% !important} .peoplePhoto p {text-align: center; font-weight: bold;} .peopleOrganisation {color: #00aaec} .peopleContact, .peoplePublications, .peopleConferences, .peopleInvited, .peopleSoftware, .peopleTraining, .peopleProjects {border: 1px solid #00aaec; position: relative; padding: 0px 20px 20px 20px; background: /*url(../images/layout/peoplePhoto-bg.gif) repeat 0px 0px */ #f6f6f6; font-weight: bold; position: relative; margin-bottom: 15px; font-weight: normal;} .peopleContact {font-weight: bold;} .peopleContact:hover, .peoplePublications:hover, .peopleConferences:hover, .peopleInvited:hover, .peopleSoftware:hover, .peopleTraining:hover, .peopleProjects:hover {border: 1px solid #555;} .peopleContact h3, .peoplePublications h3, .peopleConferences h3, .peopleInvited h3, .peopleSoftware h3, .peopleTraining h3, .peopleProjects h3 {font-size: 130% !important; color: #00aaec !important} .peopleContactDetailPhone, .peopleContactDetailFax, .peopleContactDetailEmail, .peopleContactDetailAddress, .peopleContactDetailWeb {font-weight: normal; padding: 0 10px 0 0px;} .peopleResourceList {} .peopleResourceList li a {text-decoration:none;color: #555; line-height: 1.5em; padding-left: 20px; background: url(../images/layout/bullet-blue_arrow.png) 0% 50% no-repeat; font-weight: bold; letter-spacing: .05em; display: block;} .peopleResourceList li a:hover {color: #00aaec; background-image: url(../images/layout/bullet-pink_arrow.png); border-right: 2px solid #00aaec; background-color: #f6f6f6} .peopleResourceList .title {background-image: none; padding: 0px; font-weight: bold; font-size: 120%; color: #c70c7d; letter-spacing: 0em} .peopleResourceList .title a:hover {background: none; border: none;} .returnToTop a {text-decoration:none;background: url(../images/layout/bullet-blue_topPage.png) 100% 50% no-repeat; padding: 0 12px 0 0; color: #c70c7d; position: absolute; right: 10px; bottom: 10px; font-weight: bold;} .returnToTop a:hover {background-image: url(../images/layout/bullet-pink_topPage.png); color: #00aaec;} /**** END PEOPLE ****/ /**** SEARCH ****/ h3 .searchSearched, h3 .searchNumberResults {color: #555 !important; } #search label {font-weight: bold;} #search legend {font-weight: bold; font-size: 120%; padding: 0 3px 4px 3px; color: #555;} #search fieldset {background: url(../images/layout/peoplePhoto-bg.gif) repeat 0px 0px; border: 1px solid #00aacc;} ul.searchResults {padding: 0 0 5px 0; line-height: 1.5em;} .search_odd {border: 1px solid #555; margin-bottom: 15px; padding: 10px;} .search_even {border: 1px solid #555; margin-bottom: 15px; padding: 10px;} .search_even:hover, .search_odd:hover {border: 1px solid #00aacc; background-color: #f6f6f6;} .seachTitle {font-weight: bold; font-size: 110%;} .seachTitle a {color: #08759f} .seachTitle a:hover {background-color: #f6f6f6;} .searhcDescription {font-style: italic;} .searchUrl {} .searchUrl a {color: #008000} .searchUrl a:hover {background-color: #f6f6f6;} /**** END SEARCH ****/ /***** Typography, Lists, Images and Tables ****** */ a {color: inherit;} acronym {border-bottom-color: #333333;} a:hover {color: #00aaec;} .title-rss {color: #ff5500;} #logo h1 {font-size: 90%; position: absolute; bottom: 0px; left: 0px; color: #00aaed; letter-spacing: .05em;} h2 {font-size: 180%; color: #c70c7d; border-bottom: 3px solid #c0c0c0; display: block; padding: 0 0 5px 0;} #geog h2 {font-size: 220%; color: #c70c7d; border-bottom: 3px solid #CCCCCC; display: block; padding: 0 0 5px 0;} #col-main h2 {font-size: 180%; color: #c70c7d; border-bottom: none;} #col-main h3 {font-size: 150%; color: #c70c7d; border-bottom: none;} #col-main h4 {font-size: 120%; color: #c70c7d; border-bottom: none;} #col-main h5 {font-size: 100%; color: #c70c7d; border-bottom: none;} .p-heading {font-weight: bold; font-size: 105%; color: #00aaec; background: url(../images/layout/bullet-p_heading.png) 0% 50% no-repeat; padding-left: 8px;} .home-heading {font-size: 160%; font-weight:bold; color: #c70c7d; border: 1px solid #c0c0c0; display: block; padding: 5px 5px 5px 5px;} .home-content-block {border: 1px solid #c0c0c0; position: relative; padding: 5px 5px 5px 5px;} .home-content-block-new { position: relative; padding: 1px 1px 1px 1px;} .banner_image {height: 100px; background-position: 50% 50%; background-repeat: no-repeat; padding: 3px; border: 1px solid #969696;} #footer p {text-align: center; padding: 25px 0 0 0; font-size: 90%; color: #6b6b6b;} #breadcrumbs p {font-size: 90%; color: #969696;} #breadcrumbs p a {text-decoration:none;border-bottom: 1px solid #ccc; color: #969696;} #breadcrumbs p a:hover {border-bottom: 1px solid #00aaec; color: #00aaec;} table {background-color: #eee; border: 1px solid #969696; border-collapse: collapse} td {border: 1px solid #aaa; padding: 5px;} td.icon-container {border-left: 0px; border-right: 0px; padding: 3px;} td.icon-cont-blank {border-left: 0px; border-right: 0px; padding: 0px;} tr.table-title td {background-color: #666666; color: #fff; font-weight: bold; font-size: 115%} tr.table-row-even {background-color: #d9d9d9} tr.table-row-white {background-color: #fff} td.white {border-left: 1px solid #fff; border-right: 1px solid #fff;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;} tr.people-table-title td {background-color: #00AAEC; color: #fff; font-weight: bold; font-size: 110%} tr.people-table-row-even {background-color: #C4EDFF} tr.people-table-row-white {background-color: #fff} tr.people-table-row-odd {background-color: #fff} table.event-right {margin: 20px 0 20px 20px;background-color: #fff; border: 0px; border-collapse: collapse} table.event-right tr {background-color: #fff} table.event-right td {padding: 5px; border: 0px; } blockquote {font-family: "Times New Roman", Times, serif; font-size: 130%; font-style: italic; font-weight: bold; line-height: 1.4em; letter-spacing: 0.05em; background: url(../images/layout/blockquote_tl.png) top left no-repeat; padding-left: 30px;} blockquote span {background: url(../images/layout/blockquote_br.png) top right no-repeat; padding-right: 30px;} .pink {color: #c7007a;} .blue {color: #00aaec;} .more-link {font-style: italic; font-weight: bold; text-align: right; padding-left: 15px; position: relative; font-size: 90%;} .morelink {float:right; font-style:italic; font-size:10px; font-weight:bold; padding-bottom:2px; color:#666666;} .morelink a {text-decoration:none;} .newsletter .more-link {position: absolute; bottom: 0; right: 0} .rss .more-link {position: absolute; bottom: 0; right: 0;} .more-link a {color: #5f5f5e;} .more-link a:hover {color: #00aaec;} .more-link-arrow {font-style: italic; font-weight: bold; text-align: right; padding-left: 15px; position: relative; font-size: 90%;background: url(../images/layout/bullet-blue_arrow.png) 0px 4px no-repeat; padding: 0 0 0 10px} .more-link span {background: url(../images/layout/bullet-blue_arrow.png) 0px 4px no-repeat; padding: 0 0 0 10px} ul, li {list-style: none; margin: 0; padding: 0; position: relative !important;} .logo-esrc {float: left; padding: 0 10px 0 0; position: relative;} .featured-news ul {list-style: none; position: relative;} .featured-news li {background: none; padding: 0 0 20px 0; color: #666; position: relative; display: block; width: 100%} .featured-news li a {color: #5f5f5e; position: relative; } .featured-news li a:hover {color: #00aaec; position: relative;} .list-arrows a {text-decoration:none;} .list-arrows ul {list-style: none; padding: 0px; margin-left: 5px; position: relative;} .list-arrows li {background: url(../images/layout/bullet-pink_arrow.png) 0px 4px no-repeat; padding-left: 15px; position: relative; color: #1a7599} .access_box ul {margin-left: 10px; position: relative; padding: 10px 0 10px 0;} .access_box li {display: inline; background: url(../images/layout/bullet-grey_arrow.png) 7px 5px no-repeat; padding-left: 15px; position: relative; color: #888;} .access_box li a {color: #888;} .access_box li a:hover {color: #00aaec;} .intranet {color: #00aaec; font-weight: bolder;} .searchbox {position: absolute; right: 60px; top: 8px; margin: 0 0 5px 0; height: 16px; width: 135px; border: none; background: transparent url(../images/layout/search-box_bg.png) 0px 0px no-repeat; padding-left: 5px; color: #888; font-size: 90%; padding-top: 2px;} input.send-btn {width: 26px; height: 18px; background: url(../images/layout/search-box_button-a.png) no-repeat; outline: none; position: absolute; top: 8px; right: 31px; border: none;} input.send-btn:hover {background: url(../images/layout/search-box_button-h.png) no-repeat; cursor: pointer;} .featured-news img {float: left; padding: 3px; border: 1px solid #666; margin: 0 5px 5px 0; vertical-align: top;} .item_featured .title, .item_news .title, .item_workshop .title {font-weight: bold; position: relative;} .item_featured .description, .item_news .description, .item_workshop .description {display: block;} .item_news .date, .item_workshop .date {color: #c7007a; display: block; padding: 5px 0 0 0;} /***** Typography END *****/ /***** TOP NAV *****/ /***** TOP NAV END *****/ /***** SUB NAV *****/ #subnav-container .endlist a {border-bottom: 1px solid #ca0e7f !important;} #subnav-container .endlist a:hover {border-bottom: none !important; margin-bottom: 1px;} #subnav-container .endlistblank a {border-bottom: 1px solid #ca0e7f !important;} #subnav-container .current {background-color: #ca0e7f !important; color: #fff !important; font-weight: bold; background: url(../images/layout/subnav_down-arrow.png) 230px 50% no-repeat;} #subnav-container .current:hover {border-color: #00aaed !important} #subnav-container .selected {color: #fff !important; font-weight: bold; border-color: #00aaed !important; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #ca0e7f !important;} #subnav-container .subcurrent {background-color: #00aaed !important; color: #fff !important; font-weight: bold; background: url(../images/layout/subnav_down-arrow.png) 230px 50% no-repeat; border-color: #00aaed !important} #subnav-container .subselected {color: #fff !important; font-weight: bold; border-color: #00aaed !important; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #00aaed !important;} #subnav-container {margin-left: 0; padding: 0; background-color: #fff; color: #333; margin-bottom: 30px} #subnav-container ul {list-style: none; margin-left: 0; padding: 0; border: none;} #subnav-container li {border-bottom: 1px solid #fff; margin: 0;} #subnav-container li a {display: block; padding: 5px 5px 5px 5px; border-left: 5px solid #ca0e7f; background-color: #ebebe9; color: #5a5a5a; text-decoration: none; width: 100%; } html>body #subnav-container li a {width: auto; } #subnav-container li a:hover {border-left: 5px solid #969696; color: #fff; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #969696;} #subnav-container li.endlistblank a:hover { border-left: 5px solid #ca0e7f; background-color: #ebebe9;} #subnav-container li li {border-top: 1px solid #fff; border-bottom: 0; margin: 0;} #subnav-container li li a {display: block; padding: 5px 5px 5px 20px; border-left: 5px solid #969696; color: #5a5a5a; text-decoration: none; width: 100%; background: url(../images/layout/subnav_left-arrow.png) 8px 50% no-repeat #ebebe9;} #subnav-container li.endlist a {border-bottom: 1px solid #ca0e7f !important;} #subnav-container li.endlist a:hover {border-bottom: none !important; margin-bottom: 1px;} #subnav-container li li.endlist a {border-bottom: 1px solid #969696 !important;} #subnav-container li.endlist li a {border-bottom: none !important; margin-bottom: 1px;} #subnav-container li.endlist li a:hover {border-bottom: none !important; margin-bottom: 1px;} #subnav-container img {border: none !important;} /***** END SUBNAV *****/ /***** RESOURCES *****/ #resources-container .endlist a {border-bottom: 1px solid #969696!important;} #resources-container .endlist a:hover {border-bottom: none !important; margin-bottom: 1px;} #resources-container .current {background-color: #00aaed !important; color: #fff !important; font-weight: bold; background: url(../images/layout/subnav_down-arrow.png) 230px 50% no-repeat; border-color: #00aaed !important} #resources-container .current a {display: none !important} #resources-container .current a:hover {background-color: #00aaed !important;} #resources-container .current:hover {background: none;} #resources-container .subcurrent {color: #fff !important; font-weight: bold; border-color: #00aaed !important; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #00aaed !important;} #resources-container {margin-left: 0; padding: 0; background-color: none; color: #333;} #resources-container ul {list-style: none; margin-left: 0; padding: 0; border: none; margin-right: 0px !important; padding-right: 0px !important;} #resources-container li {border-bottom: 1px solid #fff; margin: 0;} #resources-container li a {display: block; padding: 5px 5px 5px 5px; border-left: 5px solid #ca0e7f; background-color: #ebebe9; color: #ca0e7f; font-weight: bold; text-decoration: none; width: 100%; } html>body #resources-container li a {width: auto; } #resources-container li a:hover {border-left: 5px solid #969696; color: #fff; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #969696;} #resources-container li li {border-top: 1px solid #fff; border-bottom: 0; margin: 0;} #resources-container li li a {display: block; padding: 5px 5px 5px 20px; border-left: 5px solid #969696; color: #5a5a5a; font-weight: normal; text-decoration: none; width: 100%; background: url(../images/layout/subnav_left-arrow.png) 8px 50% no-repeat #ebebe9;} #resources-container .title {font-weight: bold;} #resources-container .resource-downloads a {background: url(../images/layout/resources-download.png) 6px 6px no-repeat #ebebe9; padding-left: 25px; margin-right: 0px !important; padding-right: 0px !important;} /***** END RESOURCES *****/ /***** GENERATION *****/ #generation-container .endlist a {border-bottom: 1px solid #969696!important;} #generation-container .endlist a:hover {border-bottom: none !important; margin-bottom: 1px;} #generation-container .current {background-color: #969696 !important; color: #fff !important; font-weight: bold; border-color: #969696 !important} #generation-container .current:hover {background: none;} #generation-container .subcurrent {color: #fff !important; font-weight: bold; border-color: #969696 !important; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #00aaed !important;} #generation-container {margin-left: 0; padding: 0; background-color: #fff; color: #333;} #generation-container ul {list-style: none; margin-left: 0; padding: 0; border: none;} #generation-container li {border-bottom: 1px solid #fff; margin: 0;} #generation-container li a {display: block; padding: 5px 5px 5px 5px; border-left: 5px solid #969696; background-color: #ebebe9; color: #5a5a5a; font-weight: bold; text-decoration: none; width: 100%; } html>body #generation-container li a {width: auto; } #generation-container li a:hover {border-left: 5px solid #00aaed; color: #fff; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #00aaed;} #generation-container li li {border-top: 1px solid #fff; border-bottom: 0; margin: 0;} #generation-container li li a {display: block; padding: 5px 5px 5px 20px; border-left: 5px solid #969696; color: #5a5a5a; font-weight: normal; text-decoration: none; width: 100%; background: url(../images/layout/subnav_left-arrow.png) 8px 50% no-repeat #ebebe9;} #generation-container .title {font-weight: bold;} #generation-container .resource-downloads a {background: url(../images/layout/resources-download.png) 6px 6px no-repeat #ebebe9; padding-left: 25px;} #generation-container li.release {border-top: 10px solid #fff;} #generation-container li.release a {border: 1px solid #ca0e7f; border-left: 5px solid #ca0e7f; background-color: #ebebe9; color: #5a5a5a; font-weight: bold; text-decoration: none; } #generation-container li.release a:hover { color: #fff; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #ca0e7f;} /* #generation-container li.release a:hover {border: 1px solid #ca0e7f; border-left: 5px solid #ca0e7f; background-color: #ebebe9; color: #5a5a5a; font-weight: bold; text-decoration: none; } */ #title-generation-container { height: 40px; margin: -10px -380px 0 -380px} #title-generation-container .current {background-color: #969696 !important; color: #fff !important; font-weight: bold; border-color: #969696 !important} #title-generation-container .current:hover {background: none;} #title-generation-container .subcurrent {color: #fff !important; font-weight: bold; border-color: #969696 !important; background: url(../images/layout/subnav_right-arrow.png) 100% no-repeat #00aaed !important;} #title-generation-container ul {padding: 0; list-style: none; position: relative; width: 100%; text-align: center; margin: 8px;} #title-generation-container li {display: inline; padding: 0px 0px !important;} #title-generation-container li a {display: inline; padding: 5px 10px 5px 5px; border-left: 5px solid #969696; background-color: #ebebe9; color: #5a5a5a; font-weight: bold; text-decoration: none; width: 100%; } #title-generation-container li a:hover {border-left: 5px solid #00aaed; color: #fff; background: #00aaed;} #title-generation-container li li {border-top: 1px solid #fff; border-bottom: 0; margin: 0;} #title-generation-container li li a {display: inline; padding: 5px 5px 5px 20px; border-left: 5px solid #969696; color: #5a5a5a; font-weight: normal; text-decoration: none; width: 100%; background: url(../images/layout/subnav_left-arrow.png) 8px 50% no-repeat #ebebe9;} #title-generation-container .title {font-weight: bold;} #title-generation-container .resource-downloads a {background: url(../images/layout/resources-download.png) 6px 6px no-repeat #ebebe9; padding-left: 25px;} #title-generation-container li.release {display: inline;padding: 0px 0px !important; border-left: 10px solid #fff;} #title-generation-container li.release a {display: inline; border: 1px solid #ca0e7f; border-left: 5px solid #ca0e7f; background-color: #ebebe9; color: #5a5a5a; font-weight: bold; text-decoration: none; } #title-generation-container li.release a:hover { color: #fff; background: #ca0e7f;} /***** END GENERATION *****/ /*calendar navigation - not needed in wysiwyg*/ #calendar { background: #ffffff; padding-right:10px; border:0px solid #039; width:100%;} #calendar table.calendar {padding-right:10px; width:100%;} #calendar th {background-color: #969696; color: #fff; font-weight: bold; text-align:center;padding:5px;} #calendar td {text-align:right; padding-right:10px;} #calendar td.linked-day a {text-decoration:none;font-weight: bold;} #calendar td.linked-day a:visited {text-decoration:none;font-weight: bold; color:black;} #calendar td.approve a {text-decoration:none;font-weight: bold; color:red;} #calendar td.approve a:visited {text-decoration:none;font-weight: bold;color:red;} #calendar td.insert a {text-decoration:none;font-weight: normal;} #calendar caption {padding:5px;background-color: #00aaed !important; color: #fff !important; font-weight: bold; border-color: #00aaed !important;} #calendar caption.calendar-month {font-weight: bold; color:black; text-decoration: none; font-size: 1.0em; margin-bottom:2px;} #calendar caption.calendar-month a {padding: 5px; text-decoration: none; color:white;} #calendar-day {background: #ffffff;padding:10px;border:1px solid #039;width:300px;float:right;} #calendar-day th {padding-left:5px;} #calendar-day td {text-align:right; padding-right:10px;} #calendar-day td.linked-day a {text-decoration:none;font-weight: bold;color:black;text-decoration: none;} #calendar-day td.linked-day a:visited {font-weight: bold;color:black;text-decoration: none;} #calendar-day td.linked-day a:hover {text-decoration: underline;} #calendar-day td.approve a {font-weight: bold;color:red;text-decoration: none;} #calendar-day td.approve a:visited {font-weight: bold;color:red;text-decoration: none;} #calendar-day td.approve a:hover {text-decoration: underline;} #calendar-day td.insert a {font-weight: normal;text-decoration: none;} #calendar-day td.insert a:visited {font-weight: normal;text-decoration: none;} #calendar-day td.insert a:hover {text-decoration: underline;} #calendar_add {background: #ffffff;padding:10px;border:1px solid #039;width:300px;} #calendar_add th {padding-left:5px;} #calendar_add td {text-align:right; padding-right:10px;} #calendar_add td.linked-day a {text-decoration:none;font-weight: bold;color:black;} #calendar_add td.linked-day a:visited {text-decoration:none;font-weight: bold;color:black;} #calendar_add td.linked-day a:hover {text-decoration: underline;} #calendar_add td.insert a {text-decoration: none;} #calendar_add td.insert a:visited {text-decoration: none;} #calendar_add td.insert a:hover {text-decoration: underline;} #calendar_add td.approve a {font-weight: bold;text-decoration: none;color:red;} #calendar_add td.approve a:visited {font-weight: bold;text-decoration: none;color:red;} #calendar_add td.approve a:hover {text-decoration: underline;} /*edit page navigation - not needed in wysiwyg*/ #edit-page-nav { font:Verdana, Arial, Helvetica, sans-serif} #edit-page-nav ul#menu { width: 100%; height: 43px; background: #FFF url("/images/edit/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; } #edit-page-nav ul#menu li { display: block; float: left; margin: 0 0 0 5px; } #edit-page-nav ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; } #edit-page-nav ul#menu li a:hover { color: #333; } #edit-page-nav ul#menu li a.current{ color: #FFF; background: #FFF url("/images/edit/current-bg.gif") top left repeat-x; padding: 5px 15px 0; } #edit-page-nav ul#sidemenu { width: 200px; border-style: solid solid none solid; border-color: #0e69be; border-size: 1px; border-width: 1px; } #edit-page-nav ul#sidemenu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #edit-page-nav ul#sidemenu li a:link, #menu li a:visited { color: #0e69be; display: block; background: url(images/v3.jpg); background-repeat:no-repeat; padding: 8px 0 0 10px; } #edit-page-nav ul#sidemenu li a:hover { color: #0e69be; background: url(images/v3.jpg) 0 -32px; background-repeat:no-repeat; padding: 8px 0 0 10px; } #edit-page-nav ul#sidemenu li a:active { color: #0e69be; background: url(images/v3.jpg) 0 -64px; background-repeat:no-repeat; padding: 8px 0 0 10px; } #top-block { background-image:url(/images/banner-fade.png) ; width:99%; margin-left:auto; margin-right:auto; } #top-block #top-links {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color:#3D73D4; width:370px; float:right; padding-top:0.5em; padding-right:0.75em;} #top-block #top-links a {color:#3D73D4; text-decoration:underline;} #top-block #top-links a:hover { color:#3D73D4; text-decoration:none; } #top-block #ncess-logo {padding-left:0.8em; margin-bottom:0.5em; padding-top:0em; padding-bottom:0em; height:75px;} #main-links { font-size:small; padding-bottom:5px; padding-top: 5px; color: #FFFFFF; font-family: Arial,Verdana, Helvetica, sans-serif; background-image:url(/images/blue-banner.png); border-top:5px solid #fff; margin:0.5em; } #main-links ul {padding: 0; list-style: none; position: relative; width: 100%; text-align: center; margin: 1px;} #main-links li {display: inline; padding: 0px 0px !important; font-weight: bold; font-size: 100%; color: #fff;} #main-links li .active {color: #616161; background: url(/images/pink-bg.png) center left repeat-x; border: 1px solid #969696; margin: -1px;} #main-links li a {text-decoration:none;color: #fff; padding: 3px 6px;} #main-links li a:hover {color: #fff; background: url(/images/pink-bg.png) center left repeat-x; border: 1px solid #969696; margin: -1px; position: relative;} #social-links { font-weight: bold; float:right; padding:0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} #social-links .facebook {color: #4068A7;} #social-links .delicious { color: #666666; } #social-links .digit { color: #336600;} #social-links .rss {color: #F89938; padding-right:1em; } #conf-banner { font-weight: bold; padding:0.25em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF;background-image:url(/images/layout/conf-fade.png); background-repeat:repeat-x; width:380px; margin-right:0.5em; float:right; text-align:center;} #conf-banner a:hover { color:#FFFF99;} #conf-banner a { color:#FFFFFF;} .search-box {background-color:#FFCCFF; border:2px solid #CC0066; padding:3px; color:#333333;} .roundcont {width: 178px;background-color: #fff; color: #fff;} .roundcont p {margin: 0 0px -4px;} .roundtop { background: url(/images/ncess-logo-tr.gif) no-repeat top right; } .roundbottom {background: url(/images/ncess-logo-br.gif) no-repeat top right;} img.corner {width: 15px; height: 15px; border: none; display: block !important;}