/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : AUT Library Website URL : Description : Style Definitions for AUT Library Website Created : 05/09/2005 Modified : - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Total layout */ a{text-decoration:none;} a:hover{text-decoration:underline;} body {background-color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:x-small;margin:0;padding:0} h1 {font-size:2em;width:100%;color:#666;padding:0;margin:0;} h2 {font-size:1.1em;color:#000;font-weight:bold;padding:0;margin:0;} h3 {font-size:1.1em;color:#666;padding:0;margin:0;} .container{background-color:#FFF;text-align: center;} .center{width:100%;} td.side{padding:0px;margin:0px} /*----- TOP MENU -----*/ #bannerContainer {height:24px} #bannerContainer ul {margin:0;padding:0;display:inline; width:760px; text-align:right; vertical-align: middle;} #bannerContainer ul li{padding:0; display:inline; margin:0 10px 0 0;} .container>#bannerContainer {text-align:right;width:760px;margin: 0 auto;} /* [footer */ #footerContainer {color:#999;margin-top:20px;padding:5px 0 4px 0;width:100%;text-align:center } body>#footerContainer {width:760px;margin: 0 auto;text-align:left} #footerContainer p {color:#039;margin:4px 0 2px 0;font-size:xx-small;text-align:left;width:760px;} #footerContainer>p {font-size:x-small} #footerContainer a {color:#999;text-decoration:none;} #footerContainer a:hover {color:#f90;text-decoration:none} #footerContainer ul {list-style:none;margin:0;padding:0;border-top:1px solid #999;width:760px;text-align:left;} #footerContainer li {display:inline;margin:0;font-size:x-small;white-space:nowrap;} #footerContainer ul>li {font-size:small} #footerContainer p span {width:25px;} /* footer] */ /*----- SEARCH HEADER */ .searchHeader{ margin-top: 1px; margin-bottom: 1px; height: 74px; background-color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: small; } td.sideLeft{padding: 0px; margin: 0px; background: #CC6633;} td.headerLeft{border-right: 1px solid #FFF;width:199px;vertical-align: top;text-align:right;padding-right:7px;padding-top:5px;background-color: #C63;} td.headerLeftPrint{display:none;} td.headerMiddle{border-right:1px solid white;padding-left:10px;width:199px;padding-top:5px;} td.headerRight{padding-top: 5px; text-align: right; width: 130px;} td.headerRightPrint{display: none;} .arrow{ vertical-align: middle; margin-left: 5px;} .radio{width: auto; vertical-align: middle; padding: 3px;margin: 0px;} input.text{border:1px solid #999;width:123px;margin:0 0 5px 0;} form>input.text{margin:5px 0 0 0;} input.textQuickSearch{border:1px solid #999;width:160px;margin:5px 0 0 0;} form, label {margin:0;padding:0} #searchForm {padding:0px;margin:0px;} /* ---- MAIN MENU ---- Level 1 Nav */ /* tr.mainmenu{background-color: #666; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #nav span{display: none; padding: 0px; margin: 0px } #nav {list-style:none;padding:0;margin:0;} #nav li{padding: 0px; margin: 0px;} .mainmenu ul li{ display: inline; } .mainmenu{width:760px;} */ tr.mainmenu{background-color: #666; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #nav span{display: none; padding: 0px; margin: 0px } #nav {list-style: none; padding: 0px;margin: 0px;margin-left:0;} #nav li{padding: 0px; margin: 0px; } #nav li a:link, li a:visited { text-decoration: none; } #nav li a:hover, li a:active { text-decoration: none; } .mainmenu ul li{ display: inline; } .mainmenu{width:760px;} li.home a:link, li.home a:visited{ float: left; display: block; background: #666 url("../dcms/images/nav_home_off.gif") no-repeat left center; height: 28px;width: 60px; text-decoration: none; } li.home a:hover, li.home a:active {background: #666 url("../dcms/images/nav_home_on.gif") no-repeat left center; height: 28px; text-decoration: none; } li.services a:link, li.services a:visited { float: left; display: block; background: #666 url("../dcms/images/nav_services_off.gif") no-repeat left center; height: 28px; width: 153px; text-decoration: none; } li.services a:hover, li.services a:active {background: #666 url("../dcms/images/nav_services_on.gif") no-repeat left center; height: 28px; text-decoration: none; } li.resources a:link, li.resources a:visited{ float: left; display: block; background: #666 url("../dcms/images/nav_resources_off.gif") no-repeat left center; height: 28px; width: 169px; text-decoration: none; } li.resources a:hover, li.resources a:active {background: #666 url("../dcms/images/nav_resources_on.gif") no-repeat left center; height: 28px; text-decoration: none; } li.about a:link, li.about a:visited{ float: left; display: block; background: #666 url("../dcms/images/nav_about_off.gif") no-repeat left center; height: 28px; width: 98px; text-decoration: none; } li.about a:hover, li.about a:active {background: #666 url("../dcms/images/nav_about_on.gif") no-repeat left center; height: 28px; text-decoration: none; } li.skills a:link, li.skills a:visited{ float: left; display: block; background: #666 url("../dcms/images/nav_skills_off.gif") no-repeat left center; height: 28px; width: 160px; text-decoration: none; } li.skills a:hover, li.skills a:active {background: #666 url("../dcms/images/nav_skills_on.gif") no-repeat left center; height: 28px; text-decoration: none; } /* ---- LEFT MENU ---- */ /* Left Nav */ .leftnav { font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .leftnav td{font-size:11px;} .left {float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px} a.leftmenu{color:#666;text-decoration:none;background-color:#FFF;display:block;vertical-align:middle;width:96px;padding:2px 2px 2px 5px;} /* IE hack */ *html a.leftmenu{width:104px;} /* end of IE hack */ a.leftmenu:hover {color:#FFF;background-color:#FF9900;text-decoration:none;} a.level4active, a.level2active {color: #FFF;text-decoration:none;background-color:#FF9900;display:block;width:96px;padding:2px 2px 2px 5px;} a.level4active:hover, a.level2active:hover {text-decoration:none;} /* IE hack */ *html a.level4active, *html a.level2active{ width:104px;} /* end of IE hack */ a.level3active {color:#FFF;text-decoration:none;background-color:#F90;display:block;width:90px;padding:2px 2px 2px 12px;} a.level3active:hover {text-decoration:none;} /* IE hack */ *html a.level3active {width:104px;} /* end of IE hack */ a.level3nav {color:#000;text-decoration:none;display:block;width:90px;padding:2px 2px 2px 12px;} a.level3nav:hover {text-decoration:none;} /* IE hack */ *html a.level3nav{width:104px;} /* end of IE hack */ a.level3nav:hover {color:#FFF;background-color:#F90;} a.level4nav, a.level4nav:link, a.level4nav:visited {color:#000;text-decoration:none;display:block;width:96px;padding:2px 2px 2px 5px;} /* IE hack */ *html a.level4nav, *html a.level4nav:link, *html a.level4nav:visited {width:104px;} /* end of IE hack */ a.level4nav:active, a.level4nav:hover {color: #FFF;background-color:#FF9900;text-decoration:none;display:block;} a.level4navactive{color:#FFF;background-color:#FF9900;text-decoration:none;width:96px;padding:2px 2px 2px 5px;} /* IE hack */ *html a.level4navactive, *html a.level4navactive:link, *html a.level4navactive:visited, *html a.level4navactive:active, *html a.level4navactive:hover { width:104px;} /* end of IE hack */ /* table cell styles */ td.leftmenu {color:#000;cursor:hand;vertical-align:middle;background-color:#FFF;border-bottom: dashed 1px #999;border-right:solid 1px #FFF;width:105px;} td.level2active, td.level4active {color:#FFF;background-color:#F90;cursor:hand;vertical-align:middle;border-bottom: dashed 1px #999;border-right:solid 1px #FFF;width:105px;} td.level3active {color: #FFF;background-color:#FF9900;cursor:hand;vertical-align:middle;border-bottom:dashed 1px #999;border-right: solid 1px #FFF;width:105px;} td.level3nav {background-color:#FFEBCC;cursor:hand;vertical-align:middle;border-bottom: dashed 1px #999;border-right:solid 1px #FFF;width:105px;} /* end of table cell styles */ /* table row styles */ tr.leftmenu{background-color:#FFF;border:0;color:#000;margin:0;text-align:left;z-index:1;} tr.leftmenuactive{background-color:#FF9900;border:0;color:#FFF;margin:0;text-align:left;z-index:1;} tr.leftmenuhover{background-color:#FF9900;border:0;color:#FFF;margin:0;text-align: left;z-index:1;} tr.level3nav{background-color: #FFEBCC;} tr.level3navactive {background-color:#F90;} tr.level3navdown{background-color:#F90;} /* end of table row styles */ /* End of Left Nav */ /* ---- MAIN CONTENT ---- */ .mainbody { min-width:765px;width: 100%;padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size:small;} #maincontent { display: inline; width: 760px;} .centrecontent { display:inline; width: 547px;float:left;} #homecontent {width:760px;margin-top:0px;font-size:small;} .cont{width:760px} div#libhome {width:760px;} .content {padding:0;margin-top:20px;} .inline {display:inline;} .news{width: 210px;float:left;margin: 0 18 0 0;} .news h1{font-size:2em; width:100%; color: #CC6633; padding: 0px; margin: 0px;} .news dl{ margin:0px; padding:0px; } .news dt{ margin-top:6px; padding-top: 3px; font-size: 1.1em; font-weight: bold; border-top: dashed 1px #000; } .news dd{ font-size: 1em; margin: 0px; padding: 0px;} .news a:link, .news a:visited{text-decoration: none;} .news a:hover, .news a:active{text-decoration: underline;} .column { margin-left: 7px; float:left; height:100%;width:126px;} .topmargin {margin-top:35px;} /* IE hack */ *html .topmargin{margin-top:20px;} /* end of IE hack */ .column h3 { padding: 0; margin: 0;} .column ul {width: 126px; padding: 0;margin: 0;font-size: 11px;list-style-type: none;} .column ul li { padding: 0;margin: 1px 0 0 0;} .column ul li a {display: block; width:126px;margin-left:-16px; background: #ECECEC; padding-left: 10px;line-height: 21px; text-decoration: none; color: #000;} .c\olumn ul li a {margin:0;} .column ul li > a { width:116px; } .column ul li a:hover {background:#f90;color:#fff;text-decoration:none;} .bodycontent {color:#333;float:left;padding:0;margin:20px 0 0 25px;display:inline;font-size:small; } .bodycontent h1 {font-size:2em; color: #666; padding: 0px; margin: 0px 0 4px 0;} .bodylink, bodylink a:visited, bodylink a:link {text-decoration: none;} .bodylink a:hover, .bodylink a:active{ text-decoration: underline;} .bodylink dl{ margin:0px; padding:0px; } .bodylink dd{ margin: 0px; padding: 0px; line-height:20px;} p.body {color:#000;margin:5px 0px; font-size:small; } p.intro {color:#666; font-size:medium; margin: 5px 0px;} p.break {line-height:7px; display: none;} .separator{color:#999;} /* ---- LISTING PAGE ---- */ .listing{width: 500px; float: left; display: inline;margin: 20px 0px 0px 25px; font-size: small;} .listing h1{font-size:2em;width:100%;color:#666;padding:0;margin:0;} #intro {margin: 0 0 15px 0; font-size:small;} #nzcontent { width:366px; margin:0; position:relative; bottom:0; left:134px; text-indent:-3px; padding:12px 3px 0 3px; } #showHideImg { cursor:pointer; position:absolute; bottom:0; left:0; } #info { position:relative; height:40px } .listing>#info { height:auto; min-height:40px } #libInfo {border-bottom:3px solid #000;clear:both} .listingnav .selected {color:#FFF;} img.kiwi, img.listKiwi, img.listinfoKiwi {vertical-align: text-bottom;margin: 0 5px 0 3px; display:inline;} img.listKiwi, img.listinfoKiwi { display: none; } img.listinfoKiwiPrint{ display: none;} .listingnav {color:#999;background-color:#F90;width: 100%;padding: 3px 0 0 3px;height:21px;vertical-align:top;clear:both;} div>.listingnav {padding-left:0;} .listingnav a:link, .listingnav a:visited {color:#000;text-decoration:none;} .listingnav a:hover, .listingnav a:active {color:#FFF;} .listingnav a {float:left;padding-left:6px;} .listtotal a:link, .listtotal a:visited { text-decoration:none; } .listtotal a:hover, .listtotal a:active{ text-decoration:underline; } .listtitle, .listinfo {padding: 3px 23px;border-bottom: 1px solid #999;clear:both;} .nzlisttitle, .nzlistinfo {padding: 3px 23px;border-bottom: 1px solid #999;} .listtitle, .nzlisttitle{background:#FFF;} .listinfo, .nzlistinfo{height:100%;background-color:#ECECEC;display:none;} .nzlisttitle { background: url(/dcms/images/kiwi.gif) no-repeat 5px 5px; } .nzlistinfo { background: #ECECEC url(/dcms/images/kiwi_grey.gif) no-repeat 5px 4px; } .infoimg {vertical-align:middle; margin:0 10px; } .infocontent{padding: 3px 13px;} .nzinfocontent{padding: 3px 12px;} #totop {color:#000; float: right; margin:0 3px 1px 0;font-size:11px;width:90px;} img.totop{vertical-align:top;margin:-1px 0 0 3px;} div.topmenufly{ position:absolute; visibility:hidden; font-family: arial,sans-serif; color:#999; background-color: #f3f3f3; width:110px; margin:0px; padding:1px; line-height: 18px; border:0; z-index: 2; } a.topmenufly,a.topmenufly:visited,a.topmenufly:link, a.topmenufly:active{ font-size: 11px; font-family: Arial; color: #999; text-decoration: none; line-height:120%; vertical-align:top;} a.topmenufly:hover { font-size: 11px; font-family: Arial; color: #666; text-decoration: none; line-height:120%; } div.f { font-family: arial; color: #999999; cursor:hand; vertical-align:middle; padding:2px; padding-left: 5px; } div.fi{ width: 110px; height: 1px; background-image: url(/dcms/images/menu-line.gif); background-repeat: repeat-x; font-size: 1px; } .bodycopy { font-family: Arial, Helvetica, sans-serif; color: #000000; margin-top: 0px; margin-bottom: 10px; padding: 0px 0px 0px 0px;} .caption { font-family: Arial, Helvetica, sans-serif; color: #666666; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 4px 0px;} .caption p{ font-family: Arial, Helvetica, sans-serif; color: #666666; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 4px 0px;} .note,.note p {color:#039;font-family:Arial,Helvetica,sans-serif;text-decoration:none;padding:0 0 4px 0; line-height: 14px;} .heading1,li.heading1,td.heading1,.heading1 p {font-family:Arial Black,Arial,Helvetica,sans-serif;color:#999;margin:0;padding:0} .heading2,li.heading2,td.heading2,.heading2 p {font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:#000;margin:0;padding:0} .heading3,td.heading3,.heading3 p{ font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; } td{ font-size: small;} .bodycopy { font-size: 12px; font-size: small;} .caption { font-size: x-small; line-height: 12px;} .caption p{ font-size: x-small; line-height: 12px;} .heading1,td.heading1,.heading1 p { font-size: large; } .heading2,td.heading2,.heading2 p { font-size: small; margin-bottom: 4px; } .heading3,td.heading3,.heading3 p { font-size: 16px;font-size: medium; margin-bottom: 4px; } .note,.note p { font-size: x-small; }