/*----------------------------------------------------------------------------- CSS - http://www.its.uq.edu.au/ * Collapse All * Expand All http://www.its.uq.edu.au/ http://www.its.uq.edu.au/css/template.css 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%; vertical-align: baseline; } html { background: transparent url('/images/bg-footer.gif') repeat-x scroll center 100px; }/*top feature bg-gradient */ body { background: #fff url('/images/body-bg.jpg') repeat-x scroll 0 132px; } /*content bg-gradient*/ * { margin: 0; padding: 0; border:none; } 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;} /****************** Site constant tags **********************/ body#home { margin: 0px; font-size : 12px; } body { margin: 0px; font-size : 0.8em; line-height: 1.3em} td.feedback { background: #DB4300; font-size: 90%; height: 21px; } #breadcrumb { background-color: #fafdff; border: 1px #d2e9fa solid; padding: 3px; margin-left: 0px; margin-right: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; } #content { padding: 2px; margin-left: 10px; margin-right: 10px; line-height: 1.4;} font,th,td { font-family: Verdana, Arial, Helvetica, sans-serif; } input,textarea,select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; } .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color: #999999; } form { margin: 0px; padding: 0px; } input.searchbutton { vertical-align: bottom; padding: 0 0 3px 0;} .formfieldlarge { border-right: #e25631 2px solid; border-top: #e25631 2px solid; font-size: 13px; color: #000000; border-left: #e25631 2px solid; border-bottom: #e25631 2px solid; padding: 2px; font-family: Verdana, Arial, Sans-Serif; background-color: #ffffff; font-weight: normal; width: 130px; margin: 4px 0 0 6px; } h2 {font-size: 1.8em; font-family:Arial, Helvetica, sans-serif; font-weight: lighter; line-height: 2.0em; padding: 15px 0px 5px 0px; margin: 0px;} h3 {font-size: 1.3em; font-family:Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.4em; padding: 15px 0px 5px 0px; margin: 0px;} h4 {font-size: 1.0em; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.4em; padding: 15px 0px 5px 0px; margin: 0px;} p {color: #222; font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.4em; padding: 0px 0px 10px 0px;} ul {padding: 12px;} li { margin: 5px 0 0 0; list-style: none; padding: 0 0 5px 18px; background:url('/images/bullet.gif') no-repeat 2px 7px; font-size : 1.0em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana;} table {color: #222; font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.2em; padding: 0px 0px 0px 0px; text-align: left;} /********************* Link Colour **************************/ a:link,a:active { color: #0087e3; text-decoration:none; } a:visited { color : #1878b8; text-decoration:none; } a:hover { color : #0198a9; text-decoration: none; border-bottom: 1px solid #004951; } .sitemaplink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.6; } #relatedlink {background-color: #fafdff; border: 1px #d2e9fa solid; padding: 5px; margin-left: 0px; margin-right: 10px; margin-top: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.0em;} #relatedlink h4 {font-weight: normal; margin: 0px; padding: 0px;} /************************* Table Tags *************************/ table.heading {text-align: center; font-family: Verdana; font-weight: normal; font-size: 11px; color: #404040; background-color: #ffffff; border: 1px #EEEEEE solid; border-collapse: collapse; border-spacing: 0px; margin: 15px 0 15px 0;} td.heading { background-image: url("/images/table-background.gif"); background-repeat: repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-stretch: semi-expanded; text-transform: uppercase; color: #535354; border-bottom: 2px solid #F0F0F0; border-left: 1px solid #E0E0E0; background-color: #BEC8D1; text-align: center; font-size: 11px; padding: 4px; } tr.content td { padding: 4px 4px 4px 4px; border: 1px #EEEEEE solid; text-align: left; } /* Hiddem Content -----------------------------------------------------------------------------*/ .skip { display: none; } #search label { display: none; visibility: hidden; } /* Header -----------------------------------------------------------------------------*/ #header { margin: 0pt; padding: 0pt; background: rgb(96, 34, 124) url('../images/bodybg.gif') repeat-x scroll 0pt 0pt; color: rgb(239, 239, 239); 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; border-bottom: none;} #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.png') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 208px; border-bottom: none;} #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 0.8em 0pt 0pt; padding: 0pt; float: left; display: inline; background: none; } #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; height: 18px;} #topnav ul { margin: 0pt; padding: 2pt 0pt 0pt 25px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; background: none;} #topnav ul li { margin: 0 30px 0 0; padding: 0 0 0 0; float: left; display: inline; background: none;} #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 { 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; 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; } /****************** Banner Tags ***********************/ .banner_bg {background: none; height: 193px; margin: 0px 0px 0px -8px; padding: 0px;} .banner {background: url('/images/header.png'); background-repeat: no-repeat; height: 193px; width: 989px; background-position: left top; position: relative; z-index: 103; margin-top: 0px; } .banner-flash {width: 716px; height: 168px; float: left; padding-top: 4px; padding-left:9px; -moz-border-radius: 12px 0px 0px 0px; position: relative; z-index: 1;} .information {padding-left: 20px; padding-top: 10px; width: 235px; float: left;} .information h3 {margin-bottom: -8px; padding-bottom: 0px; font-weight: bold; font-size: 1.4em; color: #555; padding-left: 12px;} .information ul {padding-top: 10px;} .information li { margin: 0px 0 0 0; padding: 4px 0 3px 18px; background:url('../images/bullet2.gif') no-repeat 2px 5px; border-bottom: 1px solid #d6e7f4; font-size: 1.1em;} /****************** Content Tags ***********************/ .wrapper { position: relative; top: 0pt; margin: 0px auto; width: 960px; } body#home div.content { width: 989px; margin: 0px auto; position: relative; z-index: 10; background: #fff; border-left: none; border-top: none; } div.content { width: 989px; margin: 0px auto; position: relative; z-index: 10; background: #fff; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; top: 15px; padding-bottom: 15px;} .content-items {float: left; width: 745px; margin: 0px; padding: 0px;} .content-items h2 {padding: 0;} #contentbody-bottom { width: 989px; background: url('/images/content-footer.gif'); background-repeat: no-repeat; background-position: top; margin-bottom: 10px; height: 15px; position: relative; z-index: 9999; padding-bottom: 0px;} #contentbody-bottom span.top a { float: right; padding: 5px 10px 0 0; font-weight: bold; color:rgb(0, 0, 0); font-size: 11px; font-family: Arial, Helvetica, sans-serif;} #contentbody-bottom span.top a:hover { color:rgb(221, 44, 13); border-bottom: none; } .content h2 {color: #553300;} .content h2 a {color: #553300;} .content-top {float : left; width : 745px; border-left: 6px solid #0198a9; margin-top: 0px; padding-bottom: 20px;} .content-mid {float : left; width : 746px; border-right: 6px solid #0198a9; border-top: 6px solid #0198a9; border-bottom: 6px solid #0198a9; min-height: 160px; margin-top: -5px; z-index: 102; position: relative; background-color: #f6fdfd; padding-bottom: 15px;} body#home .content-bottom {float : left; width : 989px; border-left: 6px solid #0198a9; min-height: 230px; margin-top: -5px; z-index: 100; background: url('../images/content-bottom-home.gif'); background-repeat: no-repeat; background-position: bottom; margin-bottom: 30px;} body#home .content-bottom h2 {padding-left: 10px; padding-top: 5px;} .item h2 {padding-bottom: 0px;} ul.items { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px;} ul.items li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; background-image: none; position: relative;float: left; } .item { margin-left: 0px; width: 235px; padding-right: 8px;} ul.home {margin-left: 0px; display: block; width: auto; width: 220px; padding: 0px; margin: 0px;} ul.home li { margin: 5px 0 0 0; list-style: none; padding: 0 0 5px 18px; background:url('../images/bullet.gif') no-repeat 2px 5px; font-size : 1.2em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana; display: block; position: relative; float: none; border-bottom: 1px solid #d9f0f2;} ul.home li.last { margin: 5px 0 0 0; list-style: none; padding: 0 0 0px 18px; background:url('../images/bullet.gif') no-repeat 2px 5px; font-size : 1.2em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana; display: block; position: relative; float: none; border-bottom: none;} .content-right {float: left; width: 235px; background: url('../images/content-right-bg.gif'); background-repeat: repeat-y; z-index: 101;} .content-right h3 { padding: 0px 0px 0px 10px; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; line-height: 1.9em; font-weight:lighter; color: #222;} .content-right p {padding-left: 10px;} .content-right ul {display: block;} .content-right li {background:url('../images/arrow1.gif') no-repeat 2px 3px; font-size: 1.1em;} .content-right-mid ul {padding-top: 2px; padding-bottom: 2px;} .content-right-mid li {background:url('../images/bullet2.gif') no-repeat 2px 3px; padding-top: 1px; padding-bottom: 1px; margin-top: 1px; margin-bottom: 1px;} .content-right-top { background: url('../images/content-top-right.gif'); background-repeat: no-repeat; min-height: 50px;} .content-right-top font {display: none;} .content-right-top p {background:url('../images/arrow1.gif') no-repeat 0px 7px; font-size: 1.1em; line-height: 20px; padding-top: 3px; padding-bottom: 3px; padding-left: 12px; margin-left: 12px;} .content-right-mid { background: url('../images/content-mid-right.gif'); background-repeat: no-repeat;} .content-right-brands { background: url('../images/content-mid-right.gif'); background-repeat: no-repeat; min-height: 190px;} .content-right-affiliates { background: url('../images/content-mid-right.gif'); background-repeat: no-repeat; min-height: 90px;} .content-right-bottom { background: url('../images/content-bottom-right.gif'); background-repeat: no-repeat; height: 6px;} /****************** Status Table Tags ***********************/ .outages {padding-left: 10px; padding-top: 0px;} table.display_table {background: url('../images/table-outage-bg.gif'); background-repeat: no-repeat; background-color: #f3f9fd; margin-bottom: 21px; width: 718px; } tr th.outage_table {height: 50px; line-height: 50px; text-align: center;} tr.Unscheduled td, tr.Scheduled td {background: #f3f9fd; height: 20px; border-bottom:1px solid #d0dfe9;line-height: 20px; text-align: left; padding-left: 5px;} tr.Unscheduled td.date_cell, tr.Scheduled td.date_cell {padding-left: 0px; text-align: center;} /****************** Brand Tags ***********************/ .content-right ul.brands {margin-left: -22px; position: absolute; padding-top: 2px;} .content-right ul.brands li {background: none; padding-top:0px; padding-bottom: 1px;} a.auscert {margin-left: 5px; display:block; width:139px; height:31px; background:url(../images/auscert_homelogo.jpg); border:none; } a.auscert:hover{ background-position: -139px 0px; } a.auscert span { display:none; } a.uqconnect { margin-left: 5px; display:block; width:139px; height:31px; background:url(../images/uqc_homelogo.jpg); border:none;} a.uqconnect:hover{background-position: -139px 0px; } a.uqconnect span { display:none; } a.trainit { margin-left: 5px; display:block; width:139px; height:31px; background:url(../images/uqt_homelogo.jpg); border:none;} a.trainit:hover{ background-position: -139px 0px; } a.trainit span { display:none; } a.uqschoolsnet { margin-left: 5px; display:block; width:139px; height:31px; background:url(../images/uqs_homelogo.jpg); border:none; } a.uqschoolsnet:hover{ background-position: -139px 0px; } a.uqschoolsnet span { display:none; } /**************** 2nd level content layout ********************/ .content {position: relative; min-height: 300px;} .left { margin-top: 0px; display: block; float: left; width: 200px; margin-right: 5px; height: 100%; z-index: 110;} .centre {padding-left: 10px; color: #222; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; width: 705px; float: left; } body#listing .centre {padding-left: 10px; color: #222; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; width: 765px; float: left; } .column { position: relative; float: left;} .centre2 {padding: 10px; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em; width: 968px; float: left; } .right {float: right; padding-right: 15px; padding-top: 20px; } .rightBox { padding: 10px; float: right; width: 25%; margin-right: 10px; margin-bottom: 15px; margin-left: 15px; border: 1px solid #900; color: #900; font: 0.95em/1.2em Arial, Helvetica, sans-serif; } #rightBox2 { padding: 15px; /* float: right; width: 25%; */ margin-right: 10px; margin-bottom: 15px; margin-left: 15px; border: 2px solid #900; color: #900; font: 1em/1.2em Arial, Helvetica, sans-serif; } .closeUp { margin-bottom: -12px } .centre2 #column1{ margin-top: 0px;display: block; float: left; width: 313px; padding-right: 0px; border-right: 1px solid #d9f0f2;} .centre2 #column2 {margin-top: 0px;display: block; float: left; width: 313px; margin-right: 0px; padding-left:8px;border-right: 1px solid #d9f0f2;} .centre2 #column3 {margin-top: 0px;display: block; float: left; width: 313px; margin-right: 0px; padding-left:8px;} .centre2 #gridbox { padding-top: 10px; width: 284px; margin-left: 10px; border-bottom: 1px solid #d9f0f2;} .centre2 #gridbox h3 {font-size: 1.1em; font-weight: bold; line-height: 1.0em; padding: 0px 0px 0px 0px; margin: 0px;} table.tableFont { margin: 1em; } table.tableFont td, table.tableFont th { padding: 10px; border: 1px #ccc solid; font-size: 0.85em; } /***************** Content header Tags ******************/ #contentheader { padding-left: 0px; padding-top: 25px; padding-bottom: 20px; position: relative; width: auto 500px; background: url('../images/content-header.gif') bottom no-repeat;} #contentheader h1 {font-weight: lighter; font-size: 2.4em; line-height: 0.6em; padding-left: 10px; padding-top: 18px; position: relative; z-index: 10; color: #222; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif;} /******************** Navigation Menu ***********************/ .navigation {width: 200px; height: 100%; padding-left: 0px; position: relative; margin-top: 10px;} ul#navigation {margin: 0px; padding: 0px 0px 6px 6px; display: block; width: auto; width: 182px;} ul#navigation li { margin: 5px 0 0 0; list-style: none; padding: 0 0 5px 18px; background:url('../images/bullet2.gif') no-repeat 2px 5px; font-size : 1.1em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana; display: block; position: relative; float: none; border-bottom: 1px solid #d9f0f2;} ul#navigation li#last { margin: 5px 0 0 0; list-style: none; padding: 0 0 0px 18px; background:url('../images/bullet2.gif') no-repeat 2px 5px; font-size : 1.1em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana; display: block; position: relative; float: none; border-bottom: none;} .navigation a:hover {border-bottom: none; text-decoration: underline;} .menu-left {position: relative; margin-left: 0px; width: 200px; background: url('../images/menu-left-bg.gif'); background-repeat: repeat-y; z-index: 101;} .menu-left h3 { padding: 0px 0px 0px 10px; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; line-height: 1.9em; font-weight:lighter; color: #222;} .menu-left p {padding-left: 10px;} .menu-left ul {margin-left: -29px; display: block;} .menu-left-top { background: url('../images/menu-left-top.gif'); background-repeat: no-repeat;} .menu-left-mid { background: url('../images/menu-left-mid.png'); background-repeat: no-repeat;} .menu-left-bottom { background: url('../images/menu-left-bottom.gif'); background-repeat: no-repeat; height: 6px;} /***************** Content (Level 2) Pages ******************/ td.featureback { background-color: #EFF6FC;} td.featurebackbg { background: #EFF6FC url(../images/banner-bg.gif) repeat-x; } #content { padding: 2px; margin-left: 10px; margin-right: 10px; } .infotable { background: #fdfefe url('../images/info-top.png') top no-repeat; border: 1px #a9d2f2 solid; padding: 0px; margin-left: 2px; margin-right: 0px; width: 235px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 1.4em; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;} .infotable h4 {padding: 0px 0px 0px 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; line-height: 1.9em; font-weight:lighter; color: #222; text-align: center;} .infotable ul {margin: 0px; padding: 0px 5px 0px 5px;} .infotable li {margin: 0px 0 0 0; list-style: none; padding: 5px 0px 5px 18px; background:url('../images/bullet.gif') no-repeat 2px 12px; font-size : 1.2em; color: #222; font-family: Arial, Helvetica, sans-serif, Verdana; border-bottom: 1px dotted #a9d2f2;} .listing-line { margin-bottom: 5px; border-bottom: 1px dotted #fafdff; position: relative; height: 2px;} .banner { margin-left: 8px; padding: 5px 0 5px 0px;} /* Breadcrumb (Optional) -----------------------------------------------------------------------------*/ #crumbs { float:left; background: none; width:989px; margin: 0px 0 0 0; padding: 0 0 10px 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 10px; z-index: 2002; position: relative; } #crumbs2 { float:left; background: rgb(255, 255, 255); width:989px; margin: 0px 0 0 0; padding: 0px 0 0 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 10px; z-index: 2002; position: relative; } #crumbs ul { padding: 0px 0px 0px 0px;} #crumbs li { float:left; line-height:26px; color: rgb(102, 102, 102); padding-left: 10px; font-size: 11px; font-weight: bold;background: none; margin: 0px; padding: 0px 0px 0px 10px; } #crumbs li a.first { margin: 0 0 0 10px; } #crumbs li a { background:url('../images/Chevron.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); border-bottom: none;} /* Breadcrumb (Temporary for CMS TABLE tag ) -----------------------------------------------------------------------------*/ #crumbs table.breadcrumbtable {width:989px; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 11px; font-weight: normal; float: left; border-bottom: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;} #crumbs2 table.breadcrumbtable {width:989px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 11px; font-weight: normal; float: left; } #crumbs table.breadcrumbtable td { color: rgb(119, 119, 119); height: 10px; padding:5px 0 5px 20px; vertical-align:middle; } #crumbs2 table.breadcrumbtable td { color: rgb(119, 119, 119); height: 10px; padding:0px 0 5px 20px; vertical-align:middle; } table.breadcrumbtable td.breadcrumbtrail a {background:url('../images/Chevron.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); border-bottom: none;} /* Footer -----------------------------------------------------------------------------*/ #footer { } #footer { clear: both; min-height: 140px; height: 220px !important; margin-top: 40px; background: #701f7f url('../images/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800; position: relative; } #footer .wrapper { padding-top: 40px; } #footer div { } .wrapper { margin: 0px auto; } #footer p {padding: 0px;} #footer h3 {padding: 0px;} #footer a { text-decoration: underline; color: rgb(255, 255, 255); cursor: pointer; } #footer a:hover { color: rgb(234, 184, 250); } #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; line-height: 13px;} #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 .email { 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; line-height: 12px;} #footer-resources ul { margin: 0px; list-style-type: none; padding: 0px;} #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; padding: 0px; margin: 0px; } #navResources, #navSocial { float: left; } #navResources { padding: 0 20px 0 20px; width: 55%; } #navSocial { padding: 0 0 10px 0; width: 35%; } #navQuick { float: left; padding: 0 0 10px 0; width: 35%; } .member-logo { margin: 0 20px 10px 0; padding: 0 0 2px 0; } .member-logo a:hover { background: none; text-decoration: none; } #faq { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px !important; border-left: 1px dotted rgb(217, 184, 250); min-height: 158px;} #faq h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #faq p { margin: 5px 0 8px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); } #askQuestion { float: left; width: 99%; height: 80px; } #askQuestionInput { margin: 4px 8px 0pt 0pt; padding: 5px; width: 68%; float: left; font-size: 11px; } #askQuestion button { border: medium none ; margin: 0pt; background: transparent url('../images/button-submit.png') no-repeat 0pt 0pt ! important; overflow: hidden; width: 75px; height: 28px; text-indent: -1000px; cursor: pointer; float: left; } #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; } #uq-device { background: transparent url('../images/footer-device.png') no-repeat scroll 0pt 0pt ! important; } /*http://www.its.uq.edu.au/css/menu4.css*/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu2s/padding.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* style the outer div to give it width */ .menu2 {font-size:0.85em; width:900px; display: block; float: left; margin-top: -2.3em; z-index: 9999; position: relative;} /* remove all the bullets, borders and padding from the default list styling */ .menu2 ul {padding:4px 0px 0px 0px;margin:0;list-style-type:none; height: 27px; line-height: 30px; background:transparent; margin-bottom: 0px; } #topnav ul li ul {margin-top: -0.9em; padding-top: 0px;} #topnav ul li ul li { text-transform: uppercase; margin: 0 0 2px -4px; padding: 8px; } /* style the sub-level lists */ .menu2 ul ul {width:15em; margin-top: 0px; z-index: 1000; position: relative;} /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu2 positon */ .menu2 ul li {float:left;height:20px;line-height:20px; display:block; background: none; padding: 6px 8px 6px 8px; } /* style the sub level list items */ .menu2 ul ul li {display:block;width:12em;height: 20px; line-height:1em; margin-top: 0px; padding: 6px 8px 6px 8px; margin-top: 20px; margin-bottom: 0px; z-index: 1000; position: relative; } /* style the sub level list items */ .menu2 ul ul ul li {display:block;width:12em;height: 23px; line-height:23px; margin-top: 12px; } /* style the links for the top level */ .menu2 a, .menu2 a:visited {display:block;float:left; width: auto; text-decoration:none; padding:2px 0px 0 0em; display: block; font-size:12px; color:#555555; height:21px; line-height:23px; font-weight: bold; margin-bottom: -4px; text-align:left; } /* hack IE5.x to get the correct the faulty box model and get the width right */ * html .menu2 a, * html .menu2 a:visited {width:11em; w\idth: auto;} /* style the sub level links */ .menu2 ul ul a, .menu2 ul ul a:visited {display:block;text-decoration:none; font-weight: normal; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; width: 300px; padding: 2px; color:#000; height: 14px; line-height: 21px; z-index: 1000; position: relative; } * html .menu2 ul ul a, * html .menu2 ul ul a:visited {width:14em; w\idth:12em;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu2 table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;} /* style the third level background */ .menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#000;} /* style the fourth level background */ .menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {background:#000;} /* style the sub level 1 background */ .menu2 ul :hover a.sub1 {} /* style the sub level 2 background */ .menu2 ul ul :hover a.sub2 {} /* style the level hovers */ /* first */ * html .menu2 a:hover { position:relative; z-index:100; color:#555555; text-decoration:none; width: auto;} .menu2 li:hover {position:relative;} .menu2 :hover > a {color:#000; } /* second */ * html .menu2 ul ul a:hover{background:#000; background-image: none; color:#a00; position:relative; z-index:1110;} .menu2 ul ul li:hover {position:relative; z-index: 1000} .menu2 ul ul :hover > a {background:#000; background-image: none; color:#a00; z-index: 1000; position: relative;} /* third */ * html .menu2 ul ul ul a:hover {background:#000; position:relative; z-index:120;} .menu2 ul ul ul :hover > a {background:#000;} /* fourth */ .menu2 ul ul ul ul a:hover {background:#000; position:relative; z-index:130;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu2 ul ul {visibility:hidden;position:absolute;height:0;top:4.8em; left:0; width:14em; z-index: 1100;} /* position the third level flyout menu2 */ .menu2 ul ul ul{left:12em;top:0;width:14em;} /* make the second level visible when hover on first level list OR link */ .menu2 ul :hover ul{visibility:visible; height:auto; padding:0 3em 0em 3em; left:-3em;} /* keep the third level hidden when you hover on first level list OR link */ .menu2 ul :hover ul ul{visibility:hidden;} /* keep the fourth level hidden when you hover on second level list OR link */ .menu2 ul :hover ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu2 ul :hover ul :hover ul{visibility:visible; left:9em;} /* make the fourth level visible when you hover over third level list OR link */ .menu2 ul :hover ul :hover ul :hover ul {visibility:visible;} /*SUSIE'S TABLE STYLES */ table.table2{ font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: 1.2em; border-collapse:collapse; text-align:left; width: 100%; } .table2 thead th { padding:10px; color:#000; font-size: 1.1em; font-weight:bold; border:thin dotted #333; /* -moz-box-shadow:0px -1px 4px #000; -webkit-box-shadow:0px -1px 4px #000; box-shadow:0px -1px 4px #000; text-shadow:1px 1px 1px #000; */ background: #CCC; } .table2 tbody th{ padding:10px; color:#333; /* text-shadow:1px 1px 1px #ccc; */ background-color:#f9f9f9; border: thin dotted #999; } .table2 tbody td{ padding:10px; background-color:#f0f0f0; border: thin dotted #999; text-shadow:-1px 1px 1px #fff; color:#333; } table.pretty { margin: 1em 1em 1em 2em; background: whitesmoke; border-collapse: collapse; } table.pretty th, table.pretty td { border: 1px silver solid; padding: 0.2em; } table.pretty th { background: gainsboro; text-align: left; } table.pretty caption { margin-left: inherit; margin-right: inherit; }