/****************** Site constant tags ********************** / / The tags below are NOT to be modified, deleted or added to. / / Doing so will result in deviation from the UQ template. / /*************************************************************/ /****************** Site-wide Tags ***********************/ body { background: #969696 url('images/template/background-gradient.gif') left top repeat-x; margin: 0px; font-size : 11px;} td.toplinks { background-color: #367FCC; } font,th,td,input,textarea,select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 11px; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #555555; line-height:15px; } p.table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #000000; line-height:15px; } h2 { font-weight: normal; font-size: 20px; margin: 5px 0px 0px 0px; color: #f68c2e; font-family: arial; line-height: 22px; } h3 { font-weight: normal; font-size: 16px; margin: 5px 0px 10px 0px; color: #3B3633; font-family: arial;} a:link,a:active,a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #535bb3; text-decoration:none; } a:hover { color:#333; border-bottom: 1px solid #ffb542; } h1 { font-weight: normal; font-size: 26px; margin: 0px 0px 10px 0px; color: #333333; font-family: arial; } ol li { margin: 5px 0 0 18px; padding: 0 0 5px 0px; font-size : 12px; color: #555555;} ul li { margin: 5px 0 0 0; list-style: none; padding: 0 0 5px 18px; background:url('images/template/arrow1.gif') no-repeat 2px 3px; font-size : 12px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif;} .formfieldlarge { border-right: #cce3fe 1px solid; border-top: #cce3fe 1px solid; font-size: 14px; color: #000000; border-left: #cce3fe 1px solid; border-bottom: #cce3fe 1px solid; padding: 1px; font-family: Verdana, Arial, Sans-Serif; background-color: #ffffff; font-weight: normal; width: 120px; margin: 2px 0 0 6px; margin-left: -2px; } .formfieldmed { border-right: #cce3fe 1px solid; border-top: #cce3fe 1px solid; font-size: 11px; color: #000000; border-left: #cce3fe 1px solid; border-bottom: #cce3fe 1px solid; padding: 1px; font-family: Verdana, Arial, Sans-Serif; background-color: #ffffff; font-weight: normal; width: 100px; margin: 2px 1px 0 0px; } .formfieldsmall { border-right: #cce3fe 1px solid; border-top: #cce3fe 1px solid; font-size: 14px; color: #000000; border-left: #cce3fe 1px solid; border-bottom: #cce3fe 1px solid; padding: 1px; font-family: Verdana, Arial, Sans-Serif; background-color: #f8fdff; font-weight: normal; width: 25px; margin: 2px 0 0 6px; margin-left: -2px; } /****************** Header Tags ***********************/ #header { background: url('images/template/header.gif') top right no-repeat; position: relative; z-index:1000; padding: 0; voice-family: "\"}\""; voice-family: inherit; height: 105px; padding: 0; margin-bottom: 0px;} #ignored {} #header h1 { position: absolute; top: 0; left: 0; margin: 0; font-size: 2px; height: 72px; z-index: 100; margin-top: 9px; margin-left: 14px; /* above the UL */ } #header .shield { position: absolute; top: 0px; right: 0px; margin: 0; background: url('images/header_right.gif') no-repeat ;} #uqlinks { position: absolute; margin-top: 15px; margin-left: 10px } #top_menu { position: absolute; top: 19px; left: 250px; z-index: 1010; width: 725px;} #top_menu_left {float: left; width: 650px;} #top_menu ul { margin: 0 0 0 12px; list-style-image: none; list-style-position: outside; padding-left: 0px; list-style-type: none; text-transform: uppercase; display: inline;} #top_menu li { float: left; word-spacing: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding: 2px 0 0 12px; background: none; } #top_menu li a { background: transparent none repeat; display: block; color: #fff; text-decoration: none; } #top_menu li a:hover { text-decoration: none; color: #FCA015; } #top_menu li a.active { color: #DEF0FD; } #myuq_nav { float: right; word-spacing: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; font-weight: bold; margin-top: 2px; z-index: 1000;} #myuq_nav a:link, #myuq_nav a:visited { padding: 0 0 0 0; color: #fff; text-decoration: none; } #myuq_nav a:hover, #myuq_nav a:active, #quicklinks_nav a:focus { background: transparent none repeat; color: #FCA015; text-decoration: none; } #search { position: relative; z-index: 1000; top: 109px; width: 975px; height: 30px; background-image: url('images/template/search-bar.gif'); background-color:transparent padding: 0px; vertical-align: middle; font-family:Verdana,Arial,Helvetica, sans-serif; font-size: 11px; color: #9DA7A7; margin-left: 12px; } .searchbutton {padding-right: 10px;} #relatedlink { width: 975px; height: 25px; margin-left: -12px; background: url('images/template/relatedlinks-bg.gif') no-repeat; padding: 4px; color: #444; padding-left: 8px; padding-right: 0px; margin-right: 0px;} .relatedlink ul { padding:0; margin:0; margin-left: 8px; margin-top: 5px; padding-bottom: 5px;} .relatedlink ul li { margin: 0px 0 1px 0; padding: 0 14px 2px 20px; list-style: none; background-image: url('images/info_arrow.gif'); background-repeat: no-repeat; color: #555555; background-position: 0 7%;} .listinglink ul { padding:0px; margin:0px 0px 0px -15px; } .listinglink ul li { margin: 0px 0px 1px 0px; padding: 0 14px 2px 0px; list-style: none; background:url('images/template/arrow1.gif') no-repeat 2px 3px; color: #555555; } #breadcrumb table {padding-left: 4px; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1.4em; color: #333; } table.infotable { background-color: #fcfcfe; border: 1px #e9edf8 solid; padding: 2px; margin-left: 4px; margin-right: -15px; width: 186px; margin-top: -8px; float: right; } .about table.infotable { margin-right: -5px; } #contentheader {padding-left: 20px; margin-bottom: 20px; padding-top: 16px; padding-right: 20px; padding-bottom: 4px; text-align:center; margin-top: 0px; background: transparent url('images/template/content-break.gif') no-repeat; background-position: center bottom;} #contentheader h1 {font-family: Arial; font-weight: bold; font-size: 28px; color: #4c4c4c; margin: 0px; padding: 0px; } input.searchbutton { vertical-align: bottom; } #breadcrumb { width: 975px; height: 25px; margin-left: 10px; margin-top: 38px; padding-bottom: 0px; background: url('images/template/breadcrumb.gif') top no-repeat; padding: 2px; color: #666666; } #breadcrumb-short { width: 540px; background-color: #FAFAFA; border: 1px #E4E4E4 solid; padding: 5px; margin: 10px 10px 10px 10px;} #printer {float: right; padding-right: 8px;} #printer-home {float: right; padding-right: 8px; margin-top: -7px;} a.printer {float: right; padding-right: 26px; margin-top: -1px;display: block;height: 24px;width: 24px;background: url("images/template/printer.gif") no-repeat;text-indent: -9999px; } a.printer:hover {background: url("images/template/printer-hover.gif") no-repeat; border-bottom: none;} a.registersmall {position: absolute; z-index: 2000; margin-left:868px; margin-top: 4px;display: block;height: 22px;width: 103px;background: url("images/template/registersmall-button.gif") no-repeat; text-indent: -9999px; border-bottom: none;} a.registersmall:hover {background-position: -103px 0;} a.registersmall:active {background-position: -206px 0;} /****************** Content Tags ***********************/ div.content { width: 999px; margin: 0px auto; background: transparent url("images/template/bg_content_new.gif") repeat-y; position: relative; z-index: 100; } #content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #555555; line-height:18px; min-height: 180px; margin: 0px 0px 0px 8px; padding-top: 10px; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; width: 948px; letter-spacing: 1px;} #content p { line-height:18px;} /****************** Top Menu Tags ***********************/ #topmenu { position: absolute; margin-left: 11px; top: 75px; width: 400px; height: 21px; background-color: transparent; font-family:Verdana,Arial,Helvetica, sans-serif; font-size: 11px; color: #9DA7A7} #topmenu a:link, #topmenu a:visited {font-size: 11px; font-weight: bold; margin: 0px 0px 0 0px; text-decoration: none; border: none; color: #535354;} #topmenu a:link.active, #topmenu a:visited.active, #topmenu a:hover {border-bottom: 1px solid #CC0300; color: #4E7FC2;} /************************* Home page Feature Area Tags *************************/ #featurearea_1 { width: 975px; background: url('images/template/feature_bg.gif') no-repeat; margin-left: 12px; margin-top: 39px; margin-bottom: 0px;} #main_feature_1_left { padding-left: 8px; padding-top: 8px; min-height: 256px;} #featurearea_2 { width: 975px; margin-left: 12px; padding-bottom: 8px; background: url('images/template/feature_bg2.gif') bottom no-repeat; position: relative;} #featurearea_5 { width: 777px; height: auto; margin-left: 4px; margin-top: 8px; padding-bottom: 20px; background: url('images/template/feature_bg3.gif') top no-repeat; float: left;} #featurearea_5 h2 { font-weight: normal; font-size: 20px; margin: 0px 0px 0px; color: #FCA015; font-family: arial;} #main_feature_5_left { float: left; width: 515px;} #main_feature_5_right { float: right; width: 248px; padding: 0px 0px 0px 0px;} a.register {position: absolute; z-index: 2000; margin-left:700px; margin-top: 160px;display: block;height: 40px;width: 187px;background: url("images/template/register-button.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.register:hover {background-position: -188px 0;} a.register:active {background-position: -376px 0;} /************************* Homepage element Tags *************************/ ul#items {width: 975px; list-style-type: none; list-style-image: none; list-style-position: outside; margin-left: -39px;} ul#items li { margin: 0px 0px 0px 0px; padding: 0 0px 0px 0px; display: inline; background-image: none; position: relative; float: left; } ul#items li a { display: block; display: inline; } .hometext { padding-bottom: 30px; margin-top: -4px;margin-left: 20px; padding-bottom: 10px; margin-right: 2px; width: 959px;} #content .hometext {margin-left: -4px; } #content .about {margin-left: -4px; padding-bottom: 30px; margin-top: -4px; padding-bottom: 10px; margin-right: 2px; width: 959px;} .hometext p {font-size: 12px; line-height: 18px; letter-spacing: 1px;} .hometext h2 a { color: #5b7852; border-bottom: 1px solid #c3d8bc; text-decoration: none; } .hometext h2 a:hover {color:#333; border-bottom: 1px solid #ffb542; } .hometext ul li { padding: 0 0 5px 18px; font-size: 12px; line-height: 18px; letter-spacing: 1px; color: #555555; margin-left: -40px;} .hometext li a, .hometext li a:visited { font-weight: normal; text-decoration: none; color: #535bb3; } .hometext li a:hover { color:#333; border-bottom: 1px solid #ffb542;} .hometext img { padding: 2px; border: 1px solid #999;} .homeleft {float: left; width: 467px; margin-right: 8px; background: transparent url('images/template/home-left.gif') no-repeat scroll left top; padding-left: 8px; min-height: 150px;} .homeright {float: right; width: 467px; background: transparent url('images/template/home-right.gif') no-repeat scroll right top; padding-left: 8px; min-height: 150px;} #content .hometext .homeleft {float: left; width: 610px; background: none; padding-left: 0px;} #content .hometext .homeright { width: 305px; padding-right: 16px; background: none; padding-left: 0px;} #content .hometext img {margin-right: 16px;} #item {min-height: 240px; margin-left: 8px; background: transparent url('images/template/item-bg.gif') repeat-y; width: 314px;} #item3 {min-height: 240px; margin-left: 4px; background: transparent url('images/template/item-bg.gif') repeat-y; width: 314px;} #item1-top { background: transparent url('images/template/item1-top.gif') no-repeat scroll left top; width: 314px; height: 44px; } #item1-bottom { background: url('images/template/item1-bottom.gif') no-repeat scroll center bottom; height: 21px; width: 314px; margin-left: 8px; margin-top: -1px;} #item2-top { background: transparent url('images/template/item2-top.gif') no-repeat scroll left top; width: 314px; height: 44px; } #item2-bottom { background: url('images/template/item2-bottom.gif') no-repeat scroll center bottom; height: 21px; width: 314px; margin-left: 8px; margin-top: -1px;} #item3-top { background: transparent url('images/template/item3-top.gif') no-repeat scroll left top; width: 314px; height: 44px; } #item3-bottom { background: url('images/template/item3-bottom.gif') no-repeat scroll center bottom; height: 21px; width: 314px; margin-left: 4px; margin-top: -1px;} #item h3, #item3 h3 {padding: 0 0 0px 20px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #FCA015; border: none; } #item p, #item3 p { margin: 0px 0px 1px 0px; color: #555555; line-height:17px; padding: 0px 10px 0px 10px; font-size: 12px; line-height: 18px; } #item img, #item3 img { padding: 2px; border: 1px solid #999; margin-right: 0px;} #item ul li, #item3 ul li { margin: 0px 0px 0em 0pt; list-style: none; padding-left: 20px; background:url(http://uqconnect.net/http://www.uqconnect.net/images/template/bullet.png) no-repeat 2px 3px; font-size : 12px; color: #555555; } dl { margin: 5px 0 0 0; padding: 0; } dt { margin: 0; padding: 0 0 0 0px; } dt a, dt a:link, dt a:active { font-weight: bold; text-decoration: none; color:#6699CC;} dt a:visited, dt a:hover { font-weight: bold; text-decoration: none; color:#386FA6;} dd { margin: 0; padding: 0 0 10px 0px; color:#6A7474; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; line-height:17px;} .bulletlist { margin: 5px 0 0 0; padding: 0; } .bulletlist ul { } .bulletlist li { list-style: none; padding: 0 0 5px 18px; background-image: url('images/template/arrow1.gif'); font-size: 11px;} .bulletlist li a, .aboutlist li a:visited { font-weight: bold; text-decoration: none; color:#6699CC; } .bulletlist li a:hover { color:#386FA6; } /* /************************* Table Tags *************************/ table.heading {text-align: center; border: 1px #EEEEEE solid; border-collapse: collapse; border-spacing: 0px; margin: 15px 0 15px 0;} td.heading { background-color: #000; background-image: url("images/table-background.gif"); background-repeat: repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; border-bottom: 2px solid #F0F0F0; border-left: 1px solid #E0E0E0; text-align: center; padding: 4px; } tr.content td { padding: 4px 4px 4px 4px; border-bottom: 1px solid #F0F0F0; font-size: 12px; background-color: #BACFDE; } tr.content2 td { padding: 4px 4px 4px 4px; border-bottom: 1px solid #F0F0F0; font-size: 12px; background-color: #F2F6F9; } td.col1 { padding: 4px 4px 4px 4px; font-size: 12px; background-color: #BACFDE; } td.col2 { padding: 4px 4px 4px 4px; font-size: 12px; background-color: #F2F6F9; } td.col3 { border-right: 1px solid #d6d6d6; border-right-height: 100px;} td.col4 { border-right: 1px solid #d6d6d6; border-right-height: 100px; border-top: 2px solid #c0c0c0; border-bottom: 1px solid #d6d6d6;} td.col5 { border-top: 2px solid #c0c0c0; border-bottom: 1px solid #d6d6d6; padding-left: 5px} td.col7 { border-right: 1px solid #d6d6d6; border-right-height: 100px; padding-left: 5px} td.col6 { padding-left: 5px} /************************* Thumbnail Tags *************************/ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #BACFDE; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; width: 200px; filter:alpha(opacity=75); -moz-opacity:0.75; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } /************************* Footer Tags *************************/ .footer-top {margin-top: -10px; background: #969696 url("images/template/footer-top.gif") top no-repeat; width: 999px; height: 59px;} .footer {clear: both; background: transparent url("images/template/footer-bg.gif") repeat-y; width: 999px; } .footer-bottom { background: #969696 url("images/template/footer-bottom.gif") top no-repeat; width: 999px; height: 32px;} .footer-container { position: relative; min-height: 100px;} .footer-right {padding-left: 674px; width: 314px; margin-top: -100px; padding-right: 10px;} .footer-right p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #555555;} .footer-right p a { color: #2872B6;} .footer-right p a:hover { color: #000; } #partners { width: 200px; padding-top: 20px;} .footer-left {width: 650px; padding-left: 8px; min-height: 100px;} .footer-left img {padding-top: 10px;} .footer-left a {border-bottom: none;} #footer-left1 { width: 198px; float: left; font-size: 13px; color: #666; padding-left: 16px; padding-top: 0px; } #footer-left2 { width: 198px; float: left; font-size: 13px; color: #666; padding-left: 16px; padding-top: 0px; } #footer-left3 { width: 198px; float: left; font-size: 13px; color: #666; padding-left: 16px; padding-top: 0px; } .footer-left #footer-left2 h3, .footer-left #footer-left1 h3, .footer-left #footer-left3 h3 { margin: 0 0 5px 0px; color: #b8b8b8; font-weight:normal; text-align: left; } #feedback { font-family: Verdana, Arial, Sans-Serif; font-size: 9px; clear: both; margin-top: -12px; border-bottom: 1px solid #8ad3fc; font-size: 10px; text-align: right; margin-right: 123px; float: right; padding-left: 5px; position: relative; z-index: 10; } #feedback a { font-weight: bold; font-size: 9px;} /************************* Sitemap Tags *************************/ .sitemaplink a, .sitemaplink a:link, .sitemaplink a:active { text-decoration: none; color:#386FA6;} .sitemaplink a:hover { text-decoration: none; color: #000;} .line { margin-left: 40px; width:450px; border-bottom: 1px solid #d6d6d6;}