/*tidied 11.1.07*/ /* home page */ .homeheading {font-weight: bold; font-size: 80%; font-family: arial, helvetica, sans-serif; margin: 6px 0 4px 0; color: #900; background: #fff;} a.homemenu {font-weight: bold;} a.homemenu2 {font-size: 80%;} a.homemenulist {font-weight: bold; font-size: 90%;} p.homealert {font-size: 90%;} p.homenews {font-size: 80%;} p.homenews2 {font-size: 90%;} .homenewsalert {font-size: 90%;} .homemessage {font-size: 80%;} div.box {width: 90%; padding: 10px; border: 2px solid #09c;} div.leftbox {width: 160px; text-align: right; padding: 0 10px 10px 10px; margin-right: 20px; border: 2px solid #09c;} /*childguide special box*/ div.childcarebox {border:2px #333 double; background: #ccc; color: #000; width:50%; margin-left:auto; margin-right:auto; padding: 1em;} .hplist p {margin: 0 0 3em 0; padding: 0;} .hpbox {width: 250px; margin: 20px 5px 20px 50px; font-size: 90%; text-align: right;} /* research page */ h1.small {font-weight: bold; font-size: 100%; color: #900; background: #fff;line-height: 100%; font-family: arial, helvetica, sans-serif;} /*department directory - ns classes only applied by older browsers when import.css can't be used and a-z displays differently*/ table.index td {font-weight: bold; text-align:center;} table.indexaz td {font-weight: bold; text-align:center;} h1.indexns {font-weight: bold; font-size: 120%; color: #900; background: #fff;font-family: Arial, Helvetica, sans-serif;} p.indexns {font-size: 90%;} /*docs*/ td.tint {background:#9cf ; padding: 15px;color: #fff;} /*cs index and netdiv index*/ table#csbox {border: 2px solid #0099cc;} #rightcol {float: right; width:35%;} .rip { margin: 0 0 1em 1em; padding: 0.5em; font-size:90%; border: 2px #ccc solid; } .rip .riplist ul { margin: 0 0 0 1em; padding: 0.5em; } /* .cshpnews {margin: 0 0 1.5em 0; padding: 0;} .cshpnews ul.news {margin:0 0.5em 0 0; display:inline-block; padding: 0.5em 0 0.2em 0;font-size: 90%;} .cshpnews ul.news li { line-height:130%; list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;font-weight:normal;} .cshpnews p {font-size:90%; margin: 1em;} */ .csnewsbox {margin: 0 0 1em 1em; border: 1px #999 solid; padding: 0;} #newsbox {margin: 0; padding: 0;} .csnewsbox h2 {font-weight: normal; font-size: 90%; margin: 0 0 0.5em 0; padding: 0.2em 0.2em 0.2em 1em; text-align:left; display: block; color: #fff; background: #069; border:0;} .csnewsbox p {font-size:90%; margin: 1em; } .csnewsbox img.rssright {float:right;margin: 0; padding: 0.1em; } li.box {list-style: none; margin:0; padding:0;display:inline-block;} .csnewsbox ul.news {margin:0 0.5em 0 1em; display:inline-block; padding: 0.5em 0 0.2em 0;font-size: 80%;} .csnewsbox ul.news li { line-height:130%; list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;font-weight:normal;} .csnewsbox div.news ul.news li { line-height:130%; list-style: none; margin:0; padding:0;display:inline-block;font-weight:normal;} .csnewsbox ul.news li a {display:block; background: url("/images/more.gif") no-repeat left top; padding-left: 20px;min-height:18px;} .csnewsbox ul.news li a span.date {color: #000; background:#ccc; font-size: 90%;} div.redarrow {margin: 0;font-size: normal;} div.redarrow ul {display:inline-block; } div.redarrow ul li {display:block; background: url("/images/redarrow.gif") no-repeat left top;padding-left: 20px;min-height:18px; font-size: normal;} /* #sport #newsbox ul.news, #research #newsbox ul.news{margin:0 0.5em 0 1em; display:inline-block; padding: 0 0 0.2em 0;font-size: 80%;} #sport #newsbox ul.news li, #research #newsbox ul.news li { line-height:130%; list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;font-weight:normal;} #sport #newsbox div.news ul.news li, #research #newsbox div.news ul.news li { line-height:130%; list-style: none; margin:0; padding:0;display:inline-block;font-weight:normal;} #sport #newsbox ul.news li a, #research #newsbox ul.news li a {display:block; background: url("/images/more.gif") no-repeat left top; padding-left: 20px;min-height:18px;} */ /*styling for search form with tables on cambarea index*/ #local {margin: 20px 0 6px 15px; padding:0; font-size: 95%; width:100%;} #local td#left {width: 5em; text-align: right; font-weight: bold;line-height: 1.5em;vertical-align: top; padding: 0 12px 0 0;} #local td#right {text-align: left; line-height: 1.5em;vertical-align: top; padding: 0;} .input {color: #000; background: #fff; border: #369 solid 1px; margin: 0 0 6px 0;line-height: 1.5em;} .bbutton {color: #fff; background: #369; border: 1px #09c outset; font-weight: bold; font-size: 80%; } /*Page heading with identifier on left. Use deptitle - title is only for University pages */ #header {width:100%; padding:0; vertical-align: bottom;} #header td.deptitle {font-size: 140%; color: #000; background: #fff; font-weight: bold;text-align: right; vertical-align: bottom;} #header td.title {font-size: 130%; color: #900; background: #fff; font-weight: bold; text-align: right; vertical-align: bottom;} /*news display boxes for research and sportculure pages*/ #researchbox {width:220px; float:right; border: #666 solid 1px; margin: 0 0 10px 10px; padding: 10px 10px 10px 10px; } #researchbox p.homenews {padding: 1em 0 0 0;} /* #sportbox {width:220px; margin: 0 0 0.5em 1.5em; padding: 10px; border: 1px #666 solid;} #sportbox h3, #researchbox h3, #sportbox p, #researchbox p {margin:0;} li.box {list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;} */ #sportbox {margin: 1em 0 0.5em 0; padding: 10px; border: 1px #666 solid; } #sportbox div.left {float:left; margin: 0 2em 0 0; width:50%;} #sportbox div.left h3, #researchbox h3, #sportbox div.left p, #researchbox p {margin:0;} #sportbox p.homenews {overflow:hidden;} #sportbox .clear {clear:both;height:1px;} /*cambuniv pages - spclist for lists that have bullets but no lefthand indent, nobullets for just that*/ div.display {margin-top: 1em; margin-bottom: 1em; padding: 0 6px; color: #000; background:#ffc; border: 1px dotted #fc0; width:80%; display:block; margin-left:auto; margin-right:auto;} #container td.content ul {margin: 0 0 1em 1em; padding: 0;} #container td.content .spclist ul {margin: 0 0 1em 0; padding-left: 0px;list-style-position: inside; font-size: 95%;} #container td.content .spclist ul li {padding: 4px 0 0 0;} #container td.content .spclist ul li.special {padding: 4px 0 4px 2px; margin: 0 0 1em 0; border:1px dashed #666; width:50%;} #container td.content .spclist ul li ul {margin: 0 0 0 0; } #container td.content .spclist ul li ul li {padding-left: 1em; } #container td.content .nobullets ul {margin: 0 0 1em 0; padding-left: 0px;list-style: none;} #container td.content .nobullets ul li {padding: 4px 0 0 0;} #container td.content .ag ul {margin: 0 0 1em 0; padding-left: 0px;list-style: none;} #container td.content .ag ul li {padding: 4px 0 0 0;} #container td.content .ag .bullets ul {margin-left:1em; list-style: url("/images/redarrow.gif") disc; } #container td.content .ag .bullets ul li {padding: 4px 0 0 0;} div.twocol {float:left; width: 47%; padding: 0 1em 0 0;} div.right {float:right; width: 137px; margin: 0 0 0 1em;} /*general purpose mark up*/ ol.letter {list-style-type:lower-alpha;} ol.roman {list-style-type:lower-roman;} .underline { text-decoration: underline;} .righttext {text-align:right; float:right;} /*for dept home page template*/ #nstcontainer {margin: 12px 0 0 0; padding:0; border: none;} /*the width here may need to be altered if you want to use a very wide graphic - se explanation below*/ #nstcontainer td.left {width:250px; vertical-align: top; padding: 0; margin:0; border-right: 2px solid #666;text-align: right; } #nstcontainer td.left img {display: inline; } #nstcontainer td.left ul {margin:0 ; padding: 0.5em 1em 1em 0; text-align:right;list-style: none; font-size:90%; line-height:100%;} #nstcontainer td.left ul li {padding: 2px 0 0 6px; } #nstcontainer td.left ul li img {vertical-align:bottom;} /*the left margin setting here - 100px - plus the width of your image need to add up to 300px for the layout to work. If you wish to use a wider graphic on the left of the page them increase the 300px width for the left hand table cell*/ #nstcontainer td.left h2 {font-weight: bold; font-size: 80%; color: #900; background:#fff; text-align:right;margin: 1.5em 1em 0 50px; padding: 0 0 2px 0; border-bottom: 2px solid #ccc;} #nstcontainer td.left p {font-size: 90%; margin: 1em 1em 1em 30px; } #nstcontainer td.right {vertical-align: top;padding: 0 0 0 1em; } #nstcontainer td.right p {font-size: 90%; margin: 0; } #nstcontainer td.right ul {margin: 0 0 1em 0; padding: 0.5em 0 0 0;list-style: none; font-weight: bold; } #nstcontainer td.right ul li {padding: 2px 0 2px 0; } #nstcontainer td.right ul li ul {margin:0; padding-left: 1em } #nstcontainer td.right h2.for {font-weight: bold; font-size: 80%; color: #900; background:#fff; margin: 1.5em 5em 0 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc;} #nstcontainer td.right div.arrows ul {list-style: url("/images/redarrow.gif") disc; margin-left: 2em; } #discontainer {margin-top: 12px; margin-bottom: 0; width:620px; margin-left:auto; margin-right:auto; padding:0; border: none;} /*the width here may need to be altered if you want to use a very wide graphic - se explanation below*/ #discontainer td.left {width:300px; vertical-align: top; padding: 0; margin:0; border-right: 2px solid #666;text-align: right; } #discontainer td.left img {display: inline; } #discontainer td.left ul {margin:0 ; padding: 0.5em 1em 1em 0; text-align:right;list-style: none; font-size:90%;} #discontainer td.left ul li {padding: 2px 0 2px 6px; line-height:130%; } #discontainer td.left ul li a {display:block; background: url("/images/redarrow.gif") no-repeat right center; padding-right: 20px;min-height: 17px;} /*the left margin setting here - 50px - plus the width of your image need to add up to 300px for the layout to work. If you wish to use a wider graphic on the left of the page then increase the 300px width for the left hand table cell*/ #discontainer td.left h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; text-align:right;margin: 1.5em 1em 0 50px; padding: 0 0 2px 0; border-bottom: 2px solid #ccc;} .spotbox {border:2px solid #09c; padding: 0.2em; margin: 0 1em 0 1em; } .spotbox h2 {margin: 0.5em 1em 0 0;} #discontainer td.left .spotbox ul li {padding: 2px 0 1em 6px; line-height:100%; } #discontainer td.left .spotbox ul li a {display:normal; background: #fff; padding:0;} /*#discontainer p {font-size: 90%; margin: 1em 1em 1em 50px; }*/ #discontainer td.right {vertical-align: top;padding: 0 0 0 1em; } #discontainer td.right p.homealert {font-size: 90%; margin: 0 0 1em 0; } #discontainer td.right ul {margin: 0 0 1em 0; padding: 0.5em 0 0 0;list-style: none; font-weight: bold; } #discontainer td.right ul li {padding: 2px 0 2px 0; } #discontainer td.right ul li ul {margin:0; padding-left: 1em } #discontainer td.right h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; margin: 0 5em 0 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc;} #discontainer td.right div.arrows ul {list-style: url("/images/redarrow.gif") disc; margin-left: 2em; } #discontainer td.right div.arrows ul li ul {list-style: disc; margin-left: 0; } /*for directory indxes with 137px pics*/ #smallpiccontainer {margin-top: 12px; margin-bottom: 12px; width:750px; margin-left:auto; margin-right:auto; padding:0; border: none;} /*the width here may need to be altered if you want to use a very wide graphic - se explanation below*/ #smallpiccontainer td.left {width:300px; vertical-align: top; padding: 0; margin:0; border-right: 2px solid #666;text-align: right; } #smallpiccontainer td.left img {display: inline; margin: 0 0 0 163px;} #smallpiccontainer td.left ul {margin:0 ; padding: 0.5em 1em 1em 0; text-align:right;list-style: none; font-size:90%;} #smallpiccontainer td.left ul li {padding: 2px 0 2px 6px; line-height: 150%; vertical-align: middle;} #smallpiccontainer td.left ul img {margin: 0;} /*the left margin setting here - 100px - plus the width of your image need to add up to 300px for the layout to work. If you wish to use a wider graphic on the left of the page them increase the 300px width for the left hand table cell*/ #smallpiccontainer td.left h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; text-align:right;margin: 1.5em 1em 0 163px; padding: 0 0 2px 0; border-bottom: 2px solid #ccc;} #smallpiccontainer p {font-size: 90%; margin: 1em 1em 1em 50px; } #smallpiccontainer td.right {vertical-align: top;padding: 0 0 0 1em; } #smallpiccontainer td.right p.homealert {font-size: 90%; margin: 0 0 1em 0; } #smallpiccontainer td.right ul {margin: 0 0 1em 0; padding: 0.5em 0 0 0;list-style: none; font-weight: bold; } #smallpiccontainer td.right ul li {padding: 2px 0 2px 0; } #smallpiccontainer td.right ul li ul {margin:0; padding-left: 1em } #smallpiccontainer td.right h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; margin: 1.5em 5em 0 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc;} /*for admissions index page*/ #admissionspage {margin-top: 12px; margin-bottom: 12px; width:750px; margin-left:auto; margin-right:auto; padding:0; border: none;} /*the width here may need to be altered if you want to use a very wide graphic - se explanation below*/ #admissionspage td.left {width:300px; vertical-align: top; padding: 0; margin:0; border-right: 2px solid #666;text-align: right; } #admissionspage td.left img {display: inline; margin: 0 0 0 163px;} #admissionspage td.left ul {margin:0 ; padding: 0.5em 1em 1em 1em; text-align:right;list-style: none; font-size:90%;} #admissionspage td.left ul li {padding: 2px 0 2px 6px; line-height:130%;} #admissionspage td.left ul li a {display:block; background: url("/images/redarrow.gif") no-repeat right top; padding-right: 20px;min-height: 17px;} #admissionspage td.left ul img {margin: 0;} /*the left margin setting here - 100px - plus the width of your image need to add up to 300px for the layout to work. If you wish to use a wider graphic on the left of the page them increase the 300px width for the left hand table cell*/ #admissionspage td.left h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; text-align:right;margin: 1.5em 1em 0 1em; padding: 0 0 2px 0; border-bottom: 2px solid #ccc;} #admissionspage p {font-size: 90%; margin: 1em 1em 1em 50px; } #admissionspage td.right {vertical-align: top;padding: 0 0 0 1em; } #admissionspage td.right p.homealert {font-size: 90%; margin: 0 0 1em 0; } #admissionspage td.right ul {margin: 0 0 1em 0; padding: 0.5em 0 0 0;list-style: none; font-weight: bold; } #admissionspage td.right ul li {padding: 2px 0 2px 0; } #admissionspage td.right ul li ul {margin:0; padding: 2px 0 0 1em } #admissionspage td.right h1 {font-weight: bold; font-size: 80%; color: #900; background:#fff; margin: 1.5em 5em 0 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc;} /*All following styles for the cugpop pages */ .credit {border: 1px dashed #009; background:#9cf; padding: 3px; font-size: 90%;} .age {color:#099; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .cancer {color:#006; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .cog {color:#060; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .comm {color:#606; background:#fff; border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px; } .drugs {color:#090; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .earth {color:#609; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .food {color:#c03; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .knowledge {color:#396; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .migration {color:#900; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .nano {color:#030; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .policy {color:#33c; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .repro {color:#c30; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .space {color:#003; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .stemcells {color:#906; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .uncertainty {color:#93c; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} .water {color:#009; background:#fff;border-top:2px solid #ccc; border-bottom:1px solid #ccc; padding-bottom: 6px;} /*DRC Access guide*/ div.info {width:100%; background: #ccc; color:#000; border: #666 dashed 1px; padding-left: 3px; margin-bottom: 1em;} /* for images with a caption put in table with following style and follow with break and caption MUST ADD WIDTH (pic width) TO TABLE IN STYLE TAG, use inline style on div, as on /cambuniv/sportculture/*/ table.picandcap {float:right; margin: 0 0 1em 1em;} table.picandcap td {font-size: 80%; line-height: 120%; margin: 6px 0 6px 0; overflow:auto;} /*CS doc pages*/ img.center {display:block; margin-left:auto; margin-right:auto;padding: 1em 0} p.center {text-align:center;} div.handoutdisplay {width: 300px; margin: 1em 0 1em 1em; padding: 1em; background:#fcf; color:#000; border: 1px dotted #606; float: right;} div.infosheetdisplay {margin-top: 1em; margin-bottom: 1em; padding: 0 6px; background:#ff9; color:#000; border: 1px dotted #fc0; width:90%;display:block; margin-left:auto; margin-right:auto;} div.leafletdisplay {margin-top: 1em; margin-bottom: 1em; padding: 0 6px; background:#cfc; color:#000; border: 1px dotted #000; width:70%;display:block; margin-left:auto; margin-right:auto;} /* peculiar to leaflet M358 START */ table.allborders { margin-left:auto; margin-right:auto; border: 1px outset black; border-spacing: 2px; border-collapse: separate; } table.allborders th { border: 1px inset black; padding: 5px;} table.allborders td { border: 1px inset black; padding: 5px;} tr.colheader {background:#699; color:#fff;} /* peculiar to leaflet M358 END */ /* peculiar to leaflet U36 START */ .smalltext { font-size:0.7em;} .largetext { font-size:2.1em;} .magstep1 { font-size:1.2em;} .magstep2 { font-size:1.44em;} /* peculiar to leaflet U36 END */ /*childcare guide college table*/ .floatright {float: right; margin: 1em;} .cream {background-color: #ffc;} .pink {background-color: #f9f;} .green {background-color: #cf0;} .purple {background-color: #99f;} /*tables for cs/pwf/ pages. Alternated tinted blocks maybe used alongside additional styles */ table.info {width:100%; border: #ccc solid 1px; font-family: courier, sans-serif; font-size:90%; line-height: 110%;} table.info td {vertical-align:top;} table.info tr.tint {background: #ccc; color:#000;} table.info th.ten {width:10%;text-align:left;} table.info th.thirty {width:30%;text-align:left;} table.info th.forty {width:40%;text-align:left;} table.info th.fifty {width:50%;text-align:left;} table.categories {width:80%;} table.categories td {vertical-align:top;} table.categories td.fifty {width:50%;} /*for use with logo in footer*/ #logo {position:absolute; padding: 6px 0 1em 0; margin-left:0;} #footer {position: relative;top:6px;} #footer p {font-size: 80%; margin: 6px 0 0 87px; padding: 0 0 0.5em 0; } /*libmusuems events page*/ .highlight {padding:1em 1em 0 1em; background: #ccc; border: #666 solid 0.5em;margin: 0 0 1em 0; min-height: 200px; color: #333;} .highlight h2 {font-family: 'Trebuchet MS', optima; font-size: 200%;font-weight:normal; margin-bottom: 0;} .clear {clear:both;}