/* Global, Common and Reset Settings -----------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; font-size: 100%; } html { background: #FEEBDC url(../images/maps/map-bg-repeat.gif) repeat-x scroll 100% 131px; }/*top feature bg-gradient */ body { background: transparent url(../images/maps/map-bg.jpg) no-repeat scroll 50% 131px } /*content bg-gradient*/ * { margin: 0; padding: 0; } img { border:0; } a, a:visited { text-decoration:none; } a img,:link img,:visited img { border:none } ul,ol { list-style:none } address { font-style:normal } table { border-collapse: collapse; border-spacing: 0pt; } :link,:visited { text-decoration:none } .clear-bg { clear:both; margin-bottom: 5px; } .clear-right { clear:right; } .float-left { float:left; } .float-right { float:right; } .hide { display: none; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background: rgb(255, 255, 204); } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .header-print { display: none; } .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} .hidden { display: none; } hr { border-bottom: 1px solid #eee; border-left: none; border-right: none; border-top: none; height: 1px; } /* Typography -----------------------------------------------------------------------------*/ h1 { margin: 0 0 15px 0; padding:0; font:normal 32px Arial, Helvetica, sans-serif; color: rgb(34, 34, 34); } h1 a, h3 a { text-decoration: none; color: rgb(34, 34, 34); border-bottom:none; } h1 a:hover, h3 a:hover { text-decoration: none; } h2 { margin:0; padding: 5px 0 0 0; line-height: 150%; color: #9d7d1e; font:normal 22px Arial, Helvetica, sans-serif; } h2 a { color: rgb(34, 34, 34); text-decoration: underline; } h2 a:hover { text-decoration: none; } h3 { margin:0; padding:0; color: #bda14e; font:normal 26px Arial, Helvetica, sans-serif; } h3 a { color: rgb(34, 34, 34); text-decoration: none; } h4 { margin: 0 0 0 0; padding: 5px 0; font:normal 18px Arial, Helvetica, sans-serif; color: rgb(51, 0, 51); } h5 { margin: 0 0 0 0; padding: 5px 0; font:bold 16px Arial, Helvetica, sans-serif; color: rgb(34, 34, 34); } h6 { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: rgb(34, 34, 34); font:normal 18px Arial, Helvetica, sans-serif; border-top:4px solid rgb(224, 224, 224); } /* Hidden Content -----------------------------------------------------------------------------*/ .skip { display: none; } #search label { display: none; visibility: hidden; } /* Header + Body -----------------------------------------------------------------------------*/ .wrapper { position: relative; top: 0pt; margin: 0px auto; width: 960px; } #header { margin: 0pt; padding: 0pt; background: rgb(96, 34, 124) url('../images/bodybg.gif') repeat-x scroll 0pt 0pt; color: rgb(239, 239, 239); font-size: 80%; font-family: "Trebuchet MS",Helvetica,sans-serif; height: 100px; } #header-inner, #topnav-inner { margin: 0pt auto; padding: 0pt; width: 1000px; } #header-inner h1 { margin: 26px 0 0 25px; text-indent: -9999px; z-index: 9999; position: absolute; } #header-inner h1 a { background: transparent url('../images/masthead-logo.gif') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 182px; } #header-inner h2 { margin: 26px 0 0 205px; text-indent: -9999px; z-index: 9999; position: absolute; } #header-inner h2 a { background: transparent url('../images/masthead-logo.gif') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 324px; } #mininav { margin: 0pt; padding: 10px 20px 8px 0; color: rgb(255, 255, 255); font-size: 9px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; float: right; } #mininav ul { margin: 0pt; padding: 5px 0 0 15px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #mininav ul li { margin: 0pt 1em 0pt 0pt; padding: 0pt; float: left; display: inline; } #mininav a { text-transform: uppercase; font-weight: bold; } #mininav a:link { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:visited { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:hover { color: rgb(255, 255, 255); text-decoration: none; } #mininav a:active { color: rgb(255, 255, 255); text-decoration: none; } #topnav { margin: 0pt; padding: 8px 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 11px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; } #topnav ul { margin: 0pt; padding: 2pt 0pt 0pt 20px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #topnav ul li { margin: 0 24px 0 0; padding: 0 0 0 0; float: left; display: inline; } #topnav ul li a { text-transform: uppercase; margin: 0 0 0 -8px; padding: 12px 8px 12px 8px; } #topnav li a:link { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:visited { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:hover, #topnav ul li.active a { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.gif') repeat-x scroll right bottom; border-bottom: 1px solid rgb(229, 229, 229); } #topnav li a:active { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.gif') repeat-x scroll right bottom; border-bottom: 1px solid rgb(229, 229, 229); } div#search { background: transparent url('../images/form-left.png') no-repeat scroll 0pt 0pt; position: absolute; top: 40px; margin: 0 0 0 775px;} div#search form { margin: 0pt; padding: 0pt; width: 210px; } div#search label { display: block; float: left; width: 30px; height: 18px; } div#search label span { display: none; } div#search input { border: 0pt none ; margin: 0 0 0 0; padding: 4px 0 0 0; background: transparent none repeat scroll 0% 0%; float: left; width: 142px; height: 18px; font-size: 11px; color: rgb(0, 0, 0); font-family: verdana, arial; } div#search input.submit { margin: 0pt 0pt 0pt 3px; padding: 0pt; background: transparent url('../images/form-right.png') no-repeat scroll 0pt 0pt; float: left; cursor: pointer; width: 20px; height: 22px; } /* Feature (front) - smaller version of UQ homepage -----------------------------------------------------------------------------*/ #feature { display: inline-block; width: 960px; margin:6px 0 17px; padding: 0 0 0 0; } #feature:after { content: "."; display: block; height: 0pt; font-size: 0pt; clear: both; visibility: hidden; } #feature-image { float: left; width: 960px; padding-left: 0px } #feature #centenary-logo { left:683px; padding:0; position:absolute; top:35px; } #feature-info {background: rgb(255, 255, 255); float:right; position: relative; width: 260px; height: 180px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid rgb(239, 239, 239); padding: 10px 20px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font:0.8em Arial, Helvetica, sans-serif; color: rgb(153, 153, 153);} #feature-info h1 {font-size: 1.8em; margin: 0 } #feature-info h3 {font-size: 1.1em; margin: 0; padding-bottom: 5px } #feature-info li{border-top: 0.1em solid rgb(239, 239, 239); padding: 3px 0} .floatright {float: right; font-size: 0.9em; padding-top: 5px} /* Panel Slider (Optional) (front) -----------------------------------------------------------------------------*/ a:focus { outline: none;} #panel { background: rgb(136, 180, 21) url('../images/bg-slider-panel.gif') repeat-x scroll 0pt 0pt; height: 200px; display: none; } #slide { margin: 0; padding: 0;} .btn-slide { margin: 0; padding: 0;} .active { background-position: right 12px;} /* Banner Slider (Optional)(front) -----------------------------------------------------------------------------*/ .slider-wrap { width: 641px; top: 0; left: 0; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0; } .stripViewer { position: relative; overflow: hidden; width: 641px; height: 200px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 641px; } /* .stripNavL, .stripNavR { /* The left and right arrows position: absolute; top: 100px; text-indent: -9000em; z-index: 1000;} .stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px;} .stripNavL {left: -40px;} .stripNavR {right: -40px;} .stripNavL {background: url('../images/arrow-left.gif') no-repeat center;} .stripNavR {background: url('../images/arrow-right.gif') no-repeat center;}*/ .stripNavL, .stripNavR, .stripNav {display: none;} /* remove arrows*/ .csw {width: 100%; height: 200px; background: #fff; overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} .nav-thumb {border: 0px solid black;} #movers-row { padding: 0; position: relative; text-align: center; width: 642px; } #movers-row div {margin: 0 auto; display: inline; position: relative; text-align: center; } #movers-row div a.cross-link {} .cross-link { background: url(../images/icon-slide-off.gif) no-repeat center; display: inline; float: none; padding: 0 .1em !important; position: relative; z-index: 0; } .active-thumb { background: url(../images/icon-slide-on.gif) no-repeat center; } /* Sectioned Info (front - optional, and to edit accordingly) -----------------------------------------------------------------------------*/ .sectioned-info { float:left; background: rgb(255, 255, 255); width: 300px; margin: 0 0 0px -10px; padding: 0 0 0 0; overflow:hidden; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-radius: 0 0 0 8px; } .sectioned-info h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color:rgb(0, 0, 0); font-weight:bold; } .sectioned-info h2 a { color: rgb(0, 0, 0); } /*header colours*/ .sectioned-info h2 a:hover { color: rgb(58, 125, 218);} .sectioned-info li h3 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 12px; font-weight:bold;} .sectioned-info li h3 a { color: rgb(0, 0, 0); margin: 0 15px 0 0; border-bottom: 1px solid #EFEFEF; display: block; background:url(../images/icon_arrow_grey.png) no-repeat center right } /*header colours*/ .sectioned-info li h3 a:hover { color: rgb(58, 125, 218); border-bottom: 1px solid rgb(170, 0, 65); display: block; margin: 0 15px 0 0; background:url(../images/icon_arrow_red.png) no-repeat center right } .sectioned-info a { color: rgb(30, 136, 181); } .sectioned-info a:hover { color: rgb(147, 18, 170);} .sectioned-info img { margin: 3px 5px 5px 0; } .sectioned-info p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: 5px 0 0 0; padding: 0; } .currentstudents { background: rgb(214, 73, 42); padding: 0 0 0 5px; margin: 0; font-size: 12px} .currentstudents h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right } .currentstudents h2 a:hover { color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right } .futurestudents { background: rgb(57, 137, 47); padding: 0 0 0 5px; margin: 0; font-size: 12px} .futurestudents h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right } .futurestudents h2 a:hover { color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right } .researchindustry { background: rgb(0, 145, 181); padding: 0 0 0 5px; margin: 0; font-size: 12px} .researchindustry h2 a {display: block; padding: 0 15px 0 0 ; margin: 0 15px 5px 0; text-transform: uppercase; font-weight: normal; color: #FFFFFF; background:url(../images/icon_arrow_white.png) no-repeat center right } .researchindustry h2 a:hover { color: #EFEFEF; background:url(../images/icon_arrow_green.png) no-repeat center right } .contactinfo {border-top: 1px solid #CCCCCC; margin: 30px 0 15px 0; padding: 12px 0 25px 0 } /* Events (front - optional) -----------------------------------------------------------------------------*/ #events { float:left; background: rgb(255, 255, 255); width:400px; margin: 3px 0 0 5px; padding: 0 5px 10px 10px; overflow:hidden; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-radius: 0 0 0 8px; font: 11px verdana, Arial, Helvetica, sans-serif; } #events h2 { margin: 0 0 3px 0; padding: 0px 0 2px 0; font-size: 14px; text-transform: uppercase; color:rgb(0, 0, 0); font-weight:bold; } #events h2 a { color: rgb(0, 0, 0); } #events h2 a:hover { color: rgb(58, 125, 218);} #events a { color: rgb(30, 136, 181); } #events a:hover { color: rgb(147, 18, 170);} #events img { border: 1px solid rgb(229, 229, 229); margin: 3px 5px 0 0; } #events p {font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: 5px 0 0 0; padding: 0; } #events .listings {width: 180px; height: 172px; padding: 0 10px 5px 0; float: left; margin: 0 5px 10px 5px; overflow: hidden; border-bottom: 1px dotted #CCCCCC} #events .listings li {padding: 0 3px} #events .listings h3 { margin:0; padding:0; font-size:12px; color: rgb(30, 136, 181); font-weight:bold; background:none; border-top:none; text-transform: none; } /* Ads (front - optional) -----------------------------------------------------------------------------*/ #ads { float:right; background: #efefef; width:190px; margin: 5px 10px 0 0; padding: 0 10px 0 10px; overflow:hidden; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-radius: 0 8px 0 0; border-bottom: 5px solid rgb(170, 0, 65); } #ads h2 { margin:5px 0 5px 0; padding: 5px 0 3px 0; font-size: 14px; text-transform: uppercase; color:rgb(0, 0, 0); font-weight:bold; } #ads h2 a { color: rgb(0, 0, 0); } #ads h2 a:hover { color: rgb(58, 125, 218);} img.spotlight { margin: 3px 5px 15px 0; } .clearboth {clear: both; margin: 0; padding: 0} /*For RSS News feed -looks like UQ news bullet list for Latest News -----------------------------------------------------------------------------*/ #ads h1.one { margin: 15px 0pt; padding: 1px 0pt 0pt 4px; color: #fff; font-size: 12px; font-family: arial; line-height: 14px; font-weight: normal; text-transform: uppercase; background-image: url('../images/tip.gif'); background-repeat: no-repeat; background-position: right top; height: 14px; background-color: rgb(201, 0, 68); } #ads h1.one a { color: rgb(255, 255, 255) } #ads .latest ul { background: #FCF4F4; } #ads .latest h2 { font-weight: normal; font-size: 18px; margin: 4px 0 0 0; color: #A52629; border-bottom: 1px solid #ccc; font-family: arial; } #ads .latest ul { background: #FCF4F4; } #rightcol .latest h2 { font-weight: normal; font-size: 18px; margin: 4px 0 0 0; color: #A52629; border-bottom: 1px solid #ccc; font-family: arial; } .bulletlist { margin: 5px 0 3px 0; padding: 0; line-height: 14px; } .bulletlist ul { } .bulletlist li { list-style: none; padding: 0 0 3px 18px; background:url("../images/bullet.gif") no-repeat 1px 2px; font: 11px verdana, Arial, Helvetica, sans-serif; } .bulletlist li a, .bulletlist li a:visited { font-weight: normal; text-decoration: none; color: #3778C7; } .bulletlist li a:hover { border-bottom: 1px solid #CC0300; color: #333333; } .linkout {border-top: 1px dotted #CCCCCC; padding: 15px 0; margin: 15px 0} .linkout a {padding: 5px 0} .newslist {font: 11px verdana, Arial, Helvetica, sans-serif; padding-bottom: 10px; padding-right: 10px; margin-bottom: 5px; line-height: 14px; font-weight: normal; clear:both; width: 190px; border-bottom: 1px dotted #CCCCCC} .newsimage {float:right; width: 75px; margin: 3px} .newslist a { color: rgb(30, 136, 181); } .newslist a:hover { color: rgb(147, 18, 170);} /* Favourite Links (front or as per UQ HOME PAGE) - optional -----------------------------------------------------------------------------*/ #fav { float:left; background: rgb(255, 255, 255); width:230px; margin: 0 0 0 0; padding: 0 10px 10px 0px; overflow:hidden; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-radius: 0 8px 0 0; } #fav h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color: rgb(142, 185, 54); font-weight:bold; } #fav h2 a { color: rgb(142, 185, 54); } #fav h2 a:hover { color: rgb(0, 0, 0);} h1.accordion-title { margin:15px 0 0 1px; padding: 0; background: transparent url('../images/accordion_title.gif') no-repeat scroll 0pt 0pt; overflow: hidden; text-indent: -1000px; width: 232px; height: 33px; } #navigation { margin:0px;padding:0px;text-indent:0px;background-color: rgb(255, 255, 255); width:228px; padding: 0;} #navigation a.head { background: transparent url('../images/accordion_headerbg_off.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block; font-weight:bold; margin:0px; padding:0px; text-indent:10px; text-decoration: none;color: rgb(59, 57, 42); letter-spacing: normal; font-size: 11px; text-transform: uppercase; line-height: 28px; cursor: pointer; height: 27px;font-family: Arial,sans-serif; } #navigation a.headlink { background: transparent url('../images/accordion_headerbg_off.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block; font-weight:bold; margin:0px; padding:0px; text-indent:10px; text-decoration: none;color: rgb(59, 57, 42); letter-spacing: normal; font-size: 11px; text-transform: uppercase; line-height: 28px; cursor: pointer; height: 27px;font-family: Arial,sans-serif; } #navigation a.selected {background: transparent url('../images/accordion_headerbg_on_blue.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block;font-weight:bold;margin:0px;padding:0px;cursor: pointer; height: 27px; } #navigation ul {border-width:0px;margin:0px;padding:0px;text-indent:0px; background: rgb(255, 255, 255) url('../images/accordion_bg_blue.gif') repeat-x scroll 0pt 0px; } ul.favsection {list-style-type: none; margin-left: 0px; } ul.favsection li { font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; background-attachment: scroll; background-image: url('../images/fav-divide.gif'); background-repeat: repeat-x; background-position: left bottom; text-align: left; } ul.favsection div.link { padding: 8px 0pt 8px 0px; } ul.favsection div.link a { font-size: 12px; font-weight: bold; color: rgb(30, 136, 181); text-decoration: none; } ul.favsection div.link a:hover {color: rgb(147, 18, 170); } ul.favsection span.rank { margin: 5px 2px 0pt 0pt; font-family: georgia; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(150, 216, 1); float: left; width: 30px; text-align: center; } /* Content -----------------------------------------------------------------------------*/ #content { -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background:#FFFFFF none repeat scroll 0 0; display:inline-block; float:left; margin:10px 0; padding:0; position:relative; width:960px; } #second-content { -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background:#FFF none repeat scroll 0 0; display:inline-block; float:left; padding:13px 0 14px 20px; position:relative; width:920px; } #content #page-head { width: 940px; border-bottom: 1px solid rgb(238, 238, 238); margin: 0; } #content #page-head h1 { margin: 0pt; padding: 30px 20px 30px 26px; font-size: 2em; color: rgb(0, 0, 0); } .sitemaplink {font-family: Arial, Helvetics, sand-serif; font-size: 12px; } /* Content (Primary)(INTERNAL PAGES - CMS) -----------------------------------------------------------------------------*/ #content-primary { float:left; background: rgb(255, 255, 255); padding:10px 20px 10px 21px; width:651px; margin: 0 0 0 0; overflow:hidden; font:normal 12px verdana, Arial, Helvetica, sans-serif; line-height: 1.5;} #content-primary h2 { font-family: Arial,Helvetica,sans-serif; color: #9d7d1e; font-style: normal; font-variant: normal; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-bottom:7px; margin-top:19px; clear: left; } #content-primary h3 { font-family: Arial,Helvetica,sans-serif; color: #bda14e; font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 30px; clear: left; } #content-primary p { font:normal 12px verdana, Arial, Helvetica, sans-serif; line-height: 1.5; margin: 1em 0 1.6em 0; } #content-primary a { color: #0077D2; } #content-primary a:hover { color: rgb(147, 18, 170);} at { margin: 7px 0pt 20px 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: right; clear: right; display: block; width: auto; font-size: 0.8em; line-height: 1.5em; color: rgb(102, 102, 102);text-align:center; } #content-primary .image-float {float:right; width: auto; padding: 10px; font-size:0.8em} #content-primary .image-float img { margin: 0pt 0pt 5px; float:right } #content-primary .image-float .text { margin: 10px; } #content-primary .image-home {text-align:center; margin-right: 6em } .image-wide { margin: 20px 0pt; padding: 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 670px; } .image-wide img { margin: 0pt 0pt 5px; } #content-primary ul { list-style-image: url('../images/bullet.png'); list-style-type: square; margin-bottom: 20px; } #content-primary ul, #content-primary ol { font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1em; margin-left: 20px; padding-left: 0pt; } #content-primary ol { margin-left: 30px; } #content-primary li { margin: 10px 0pt; } #content-primary table {font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: rgb(255, 255, 255); text-align: left; width: 100%; } #content-primary table th { background: #e8e8e8; } #content-primary table td {border-bottom: 1px solid rgb(241, 241, 241); color: rgb(0, 0, 0); padding: 6px 8px; border-right: 1px solid rgb(241, 241, 241)} /* Table - (including Related Links temporarily as gradient-style) -----------------------------------------------------------------------------*/ #gradient-style { font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 20px 0px 0px 0px; padding-top: 20px; width: 670px; text-align: left; border-collapse: collapse; clear: both} #gradient-style th { font-size: 13px; font-weight: bold; padding: 6px 8px; background: rgb(185, 201, 254) url('../images/table-gradhead.png') repeat-x; border-top: 2px solid rgb(211, 221, 255); border-bottom: 1px solid rgb(255, 255, 255); color: rgb(0, 0, 0); } #gradient-style td{ padding: 8px; border-bottom: 1px solid rgb(255, 255, 255); color: rgb(55, 55, 55); border-top: 1px solid rgb(255, 255, 255); background: rgb(245, 245, 245) url('../images/table-gradback.png') repeat-x; } #gradient-style tfoot tr td { background: rgb(214, 247, 255); font-size: 12px; color: rgb(153, 153, 204); } #gradient-style tbody tr:hover td{ background: rgb(214, 247, 255) url('../images/table-gradhover.png') repeat-x; color: rgb(51, 51, 153); } #gradient-style td h1 { font-size: 13px; font-weight: bold; padding:0 0 5px 0; margin:0 } /*Table CMS - general content*/ #hor-minimalist { font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: rgb(255, 255, 255); width: 660px; border-collapse: collapse; text-align: left; } #hor-minimalist th { font-size: 13px; font-weight: bold; color: rgb(0, 145, 181); padding: 10px 8px; border-bottom: 2px solid rgb(0, 145, 181); } #hor-minimalist td { border-bottom: 1px solid rgb(241, 241, 241); color: rgb(103, 103, 103); padding: 6px 8px; } #hor-minimalist tbody tr:hover td { color: rgb(0, 0, 0); } #hor-minimalist tfoot tr td {border-bottom: 2px solid rgb(0, 145, 181);font-size: 11px; } /* Content (Secondary - right side of page) - can choose Accordian Navigation (INTERNAL PAGES - CMS) -----------------------------------------------------------------------------*/ #content-secondary { float:left; background: rgb(255, 255, 255); width:230px; margin: 0 0 0 0; padding: 0 10px 10px 0px; overflow:hidden; } h1.accordion-title { margin:25px 0 0 1px; padding: 0; background: transparent url('../images/nav_menu_title.gif') no-repeat scroll 0pt 0pt; overflow: hidden; text-indent: -1000px; width: 232px; height: 33px; } #accordian { height:300px; } #navigation { border-bottom: 1px solid #E5E5E5; margin:0 0 0 1px;padding:0px;text-indent:0px;background-color: rgb(255, 255, 255); width:227px; padding: 0;} #navigation a.head {cursor:pointer; background: transparent url('../images/accordion_headerbg_off.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block; font-weight:bold; margin:0px; padding:0px; text-indent:10px; text-decoration: none;color: rgb(59, 57, 42); letter-spacing: normal; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 28px; cursor: pointer; height: 27px;font-family: Arial,sans-serif; } #navigation a.selected {background: transparent url('../images/accordion_headerbg_on_blue.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); display:block;font-weight:bold;margin:0px;padding:0px;cursor: pointer; height: 27px; } #navigation ul {border-width:0px;margin:0px;padding:0px;text-indent:0px; background: rgb(255, 255, 255) url('../images/accordion_bg_blue.gif') repeat-x scroll 0pt 0px; } #navigation li { border-left: 1px solid rgb(229, 229, 229); border-right: 1px solid rgb(229, 229, 229); } ul.section {list-style-type: none; margin-left: 0px; } ul.section li { border: none !important; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; background-attachment: scroll; background-image: url('../images/fav-divide.gif'); background-repeat: repeat-x; background-position: left bottom; text-align: left; } ul.section div.link { padding: 8px 0pt 8px 0px; } ul.section div.link a { font-size: 12px; font-weight: bold; color: #0077D2; text-decoration: none; } ul.section div.link a:hover { color: rgb(147, 18, 170); } ul.section span.rank { margin: 1px 2px 0 0; font-family: georgia; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #437cdf; float: left; width: 30px; text-align: center; height: 25px } a.whitebg { background: none !important; } li.whitebg { border: none !important; } /* Content (Secondary right side of page) - or can choose Static Navigation (INTERNAL PAGES) -----------------------------------------------------------------------------*/ #nav-static ul { padding: 0pt; margin: 0 0 0 1px; list-style-type: none; width: 228px;} #nav-static ul li { padding: 0pt; display: inline; height: 1%; } #nav-static ul li a { border-bottom: 1px solid rgb(255, 255, 255); padding: 8px 0pt 8px 12px; background: rgb(241, 241, 241); text-decoration: none; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; display: block; color: rgb(51, 51, 51); height: 1%; } #nav-static ul li a:hover, #nav-static ul li a:focus { border-bottom: 1px solid rgb(204, 204, 204); background-color: rgb(230, 230, 230); } #nav-static ul li a:active { color: rgb(255, 255, 255); background-color: rgb(192, 36, 36); } #nav-static ul li ul.sitelinks { margin: 0pt; } #nav-static ul li ul.sitelinks li a { padding: 8px 0pt 8px 30px; color: rgb(30, 136, 181); background: rgb(249, 249, 249) url('../images/arrow.png') no-repeat scroll 1em 0.8em; text-transform: none; font-size: 12px; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; height: 20px;} #nav-static ul li ul.sitelinks li a:hover, #nav-static ul li ul li a:focus { background-color: rgb(233, 233, 233); color: rgb(147, 18, 170); } #nav-static ul li ul.sitelinks li a:active { color: rgb(255, 255, 255); background-color: rgb(192, 36, 36); } #nav-static ul li.site a { background: transparent url('../images/accordion_headerbg_on.gif') repeat-x scroll 0pt 0pt; color: rgb(255, 255, 255); border: 0; } a.whitebg { background: none !important; } li.whitebg { border: none !important; } /* Content (Secondary - if you choose to have an image in this area and can use CMS tag) (INTERNAL PAGES) -----------------------------------------------------------------------------*/ #content-secondary-feature { margin: 20px 0 20px 0; width: 228px; border-bottom: 1px solid rgb(209, 209, 209) ! important;} #content-secondary-feature img { margin: auto; padding-bottom: 8px; border-top: 5px solid rgb(132, 132, 132);} #content-secondary-feature p { margin: 2px 0pt 9px; font-family: verdana,Arial,sans-serif; font-size: 10px; line-height: 1.65em; color: rgb(101, 101, 94); width: 228px; clear: both; text-align:center } /* Breadcrumb (Optional) -----------------------------------------------------------------------------*/ #crumbs { float:left; background: rgb(255, 255, 255); width:960px; margin: 10px 0 0 0; padding: 0 0 0 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 10px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); } #crumbs ul {} #crumbs li { float:left; line-height:26px; color: rgb(102, 102, 102); padding-left: 10px; font-size: 11px; font-weight: bold; } #crumbs li a.first { margin: 0 0 0 10px; } #crumbs li a { background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0; } #crumbs li a:link, #crumbs li a:visited { color: rgb(119, 119, 119); text-decoration:none; } #crumbs li a:hover,#crumbs li a:focus { color:rgb(221, 44, 13); } #crumbs span.top a { float: right; display:block; padding: 5px 20px 0 0; font-weight: bold; color:rgb(0, 0, 0); font-size: 11px; } #crumbs span.top a:hover { color:rgb(221, 44, 13); } /* Breadcrumb (Temporary for CMS TABLE tag ) -----------------------------------------------------------------------------*/ table.breadcrumbtable {width:850px; margin: 10px 0 0 0; padding: 0 0 0 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 11px; font-weight: bold; float: left; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); } table.breadcrumbtable td { color: rgb(119, 119, 119); height: 10px; padding:10px 0 10px 20px; vertical-align:middle; } table.breadcrumbtable td.breadcrumbtrail a {background:url(../images/crumbs.gif) no-repeat right center; padding:10px 15px 10px 0; font-weight: bold; } table.breadcrumbtable td.breadcrumbtrail a:link, table.breadcrumbtable td.breadcrumbtrail a:visited { color: rgb(119, 119, 119); text-decoration:none;} table.breadcrumbtable td.breadcrumbtrail a:hover,table.breadcrumbtable td.breadcrumbtrail a:focus { color:rgb(221, 44, 13); } table.breadcrumb-cms-table { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin: 10px 0pt 0pt; height: 33px; float: left; width:90px; } table.breadcrumb-cms-table td { vertical-align: middle; } .breadcrumbtemp span.top a { float: right; display:block; font-weight: bold; color:rgb(0, 0, 0); font-size: 11px; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; } .breadcrumbtemp span.top a:hover { color:rgb(221, 44, 13); } /* Footer -----------------------------------------------------------------------------*/ #footer { background: rgb(8, 68, 125) url('../images/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800; } #footer { clear: both; min-height: 140px; height: 220px ! important; } #footer .wrapper { margin-top: 40px; } #footer li a, #navResources p a, .campus a, .directions a { border-bottom: 1px solid rgb(108, 93, 94); color: rgb(241, 241, 241); cursor: pointer; } #footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover { border-bottom: 1px solid rgb(73, 59, 60); color: rgb(221, 212, 213); } #siteinfo { padding: 0 0 0 5px; width: 200px; float: left; color:rgb(255, 255, 255); } #siteinfo { font-size: 11px; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; } #siteinfo .org { font-weight: bold; } #siteinfo address { font-style: normal; } #siteinfo .org { margin: 0 0 10px 0; height: 38px; width: 200px; } #siteinfo .org a { overflow: hidden; background-image: url('../images/uq-logo.gif') ! important; background-repeat: no-repeat ! important; background-color: transparent ! important; display: block; height: 38px; text-indent: -1000px; } #siteinfo .adr { margin: 0 0 5px 0; line-height: 1.4; } #siteinfo .tel { margin: 0 0 5px 0; } #siteinfo .campus { margin: 0 0 5px 0; } #siteinfo .directions { margin: 0 0 5px 0; } #copyright { margin: 0pt; font-size: 11px; width: 200px; } #footer-resources { margin: 0 0px 0 20px; width: 400px; float: left; border-left: 1px dotted rgb(217, 184, 250); } #footer-resources h2 { margin: 0pt 0pt 6px; } #footer-resources h2 { display: none; } #footer-resources h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #footer-resources li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-resources ul { margin: 0pt; list-style-type: none; } #footer-resources li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } #footer-resources a { padding: 0pt 1px; } #footer-resources p { color: rgb(255, 255, 255); font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 11px; } #footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; height: 146px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);} #footer-right h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #footer-right p { margin: 5px 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); } #footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-right ul { margin: 0pt; list-style-type: none; } #footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } #navResources, #navSocial { float: left; } #navResources { padding: 0 20px 0 20px; width: 50%; } #navSocial { padding: 0 0 10px 0; width: 40%; } #navQuick { float: left; padding: 0 0 10px 0; width: 40%; } .member-logo { margin: 0 20px 10px 0; padding: 0 0 2px 0; } .member-logo a:hover { background: none; text-decoration: none; } #footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; height: 146px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);} #footer-right h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #footer-right p { margin: 5px 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); } #footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-right ul { margin: 0pt; list-style-type: none; } #footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } p.centenary { padding: 16px 0 0 0; } .opacity-toggle img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .opacity-toggle:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1.0; } #navExplore, #navLogos { float: left; } #navExplore { padding: 0 20px 0 5px; width: 180px; } #navLogos { padding: 0 0 10px 0; }