/****************** 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: #678be8 url('images/template/background-gradient.gif') left top repeat-x; margin: 0px; font-size : 11px; text-align: center; } 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: 0px 0px 0px; color: #FCA015; font-family: arial; } h3 { font-weight: normal; font-size: 16px; margin: 0px 0px 0px; color: #3B3633; font-family: arial; } a:link,a:active,a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color : #3366CC; text-decoration:none; } a:hover { color : #3366CC; text-decoration: underline; } 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/bullet.png") no-repeat 2px 3px; font-size : 12px; color: #555555; } .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('http://uqconnect.net/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: -6px; 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; top: 109px; width: 975px; height: 25px; background-image: url('images/template/search-bar.gif'); background-color:transparent padding: 0px; vertical-align: middle; text-align: right; font-family:Verdana,Arial,Helvetica, sans-serif; font-size: 11px; color: #9DA7A7; margin-left: 12px; } .searchbutton {padding-right: 10px;} #relatedlink { width: 777px; height: 25px; margin-left: -6px; background: url('http://uqconnect.net/images/template/relatedlinks-bg.gif') no-repeat; padding: 4px; color: #666666; 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('http://uqconnect.net/images/info_arrow.gif'); background-repeat: no-repeat; color: #555555; background-position: 0 7%;} #breadcrumb table {padding-left: 4px; padding: 2px; margin-left: 0px; margin-right: 10px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #333; } table.infotable { background-color: #fcfcfe; border: 1px #e9edf8 solid; padding: 2px; margin-left: 4px; margin-right: -30px; width: 186px; margin-top: -8px; float: right; } #contentheader {width: 777px; height: 24px;padding-left: 10px; padding-top: 20px; background: transparent url('http://uqconnect.net/images/template/content-break2.gif') bottom left no-repeat; padding-bottom: 8px;} #contentheader-left { float: left; width: 32px; padding-top: 6px; } #contentheader-right {float: right; width: 745px; } #contentheader h1 {font-family: Arial; font-weight: normal; font-size: 20px; color: #014F89; margin: 0px; padding: 0px; } input.searchbutton { vertical-align: bottom; } #breadcrumb { width: 777px; height: 25px; margin-left: 4px; margin-top: 22px; padding-bottom: 8px; background: url('http://uqconnect.net/images/template/breadcrumb.gif') top no-repeat; padding: 2px; color: #666666;} #breadcrumb table {padding-left: 4px;} #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("http://uqconnect.net/images/template/printer.gif") no-repeat;text-indent: -9999px; } a.printer:hover {background: url("http://uqconnect.net/images/template/printer-hover.gif") no-repeat;} /****************** 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; text-align: left;} #content { padding: 2px; margin-left: 6px; margin-right: 10px; padding-right: 12px;} #content p {padding-right: 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;} /****************** Sidemenu Tags ***********************/ .menubanner { margin-left: 0px; margin-top: 30px; padding-bottom: 4px;} a.members {float: left; margin-bottom: 4px; margin-top: 32px; margin-left: -3px; display: block;height:54px;width: 194px;background: url("http://uqconnect.net/images/template/members-button.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.members:hover {background: url("http://uqconnect.net/images/template/members-button.png") no-repeat; background-position: -194px 0;} a.members:active {background: url("http://uqconnect.net/images/template/members-button.png") no-repeat; background-position: -388px 0; } .menuwrap {width: 186px; margin: 0px; padding-left: 10px;} .menucontainer { float: left; width: 186px; margin-left: 0px; background: url('http://uqconnect.net/images/template/menubg.gif') repeat-y; margin:0px; } .menutop { background: transparent url('http://uqconnect.net/images/template/menubgtop.gif') top no-repeat; margin: 0px; padding-left: 0px; height: 5px; width: 186px;} .menutop_accordian { background: transparent url('images/menubgtop.gif') top no-repeat; margin: auto; padding: 0px; height: 5px; margin-bottom: -1px;} .menubottom { float: left; background: transparent url('images/template/menubgbottom.gif') bottom no-repeat; padding-left: 0px; height: 5px; width: 186px; margin-top: -2px;} .menusection_title {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-stretch: semi-expanded; text-transform: uppercase; color: #535354; background-image: url("http://uqconnect.net/images/sidemenu-background.gif"); background-repeat: repeat; margin: 0px; margin-bottom: 5px; width: 175px; height: 20px; line-height: 18px; border-bottom: 2px solid #ececec; margin-left: 3px; padding-left: 5px} .menucontent { float: left; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; color: #333333;} .menuheader { background: #BA4731 url('images/header-menu.gif'); margin: auto; padding: 0px; padding-top: 10px; height: 40px; width:180px; border-bottom: 2px solid #ececec; } .menu { padding-left: 10px; border: none; font-family: verdana; } .menu ul{ padding:0; margin:0; line-height: 15px; } .menu li {margin: 0; padding: 0 0 0 2px; list-style-type: none; background-image: url("http://uqconnect.net/images/grey-arrow.gif"); background-repeat: no-repeat; background-position: 0 50%; } .menu p {margin: 0; padding: 4px 0 0 2px; list-style-type: none; font-weight: normal;} .menu a:link, .menu a:visited {font-size: 11px; font-weight: bold; margin: 4px 10px 0 10px; text-decoration: none; border: none; color: #6699CC;} .menu a:link.active, .menu a:visited.active, .menu a:hover {border-bottom: 1px solid #CC0300; color: #333333;} .menu a.selected {font-size: 11px; font-weight: bold; margin: 4px 10px 0 10px; text-decoration: none; border: none; color: #333333;} .clearall { clear: both; float: none; font-size: 1px; color: #FFF; } .nodisp {display: none;} /* Accordion Menu -----------------------------------------------------------------------------*/ .accordion_home {display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-accordian-home.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #fffaf2; padding-left: 10px;} .accordion_toggle {display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-accordian-bg.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #fffaf2; padding-left: 10px;} .accordion_toggle_active {display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-selected-bg.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #ececec; padding-left: 10px; } .accordion_content {background-color: #fff;color: #444444;overflow: hidden; width: 170px; margin-left: 10px; } .accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;} .accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;} .vertical_accordion_toggle {display: block;height: 30px;width: 600px;background: url('images/template/accordion_toggle.jpg') no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;font-size: 12px;color: #000000;border-bottom: 1px solid #cde99f;cursor: pointer;margin: 0 0 0 0;} .vertical_accordion_toggle_active {background: url(images/template/accordion_toggle_active.jpg) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #f68263;} .vertical_accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;} .vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;} .vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;} #vertical_container h3 { margin: 4px 0 0 6px; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; text-transform: normal; font-weight: normal; color: #2f2f2f; } div.sdmenu { width: 180px; margin-left: 3px; margin-bottom: -3px; background-color: #fff;color: #444444; } div.sdmenu div { background: url(title.gif) repeat-x; overflow: hidden; } div.sdmenu div:first-child { background: url(toptitle.gif) no-repeat; } div.sdmenu div.collapsed { height: 25px; } .sdmenu-notree {display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-notree.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #fffaf2; padding-left: 10px; cursor: pointer;} div.sdmenu div span { display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-selected-bg.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #ececec; padding-left: 10px; margin-left: 0px; cursor: default; } div.sdmenu div.collapsed span { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-stretch: semi-expanded; color: #535354; background-image: url("images/template/menu-accordian-bg.gif"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 170px; height: 23px; line-height: 24px; border-bottom: 1px solid #fffaf2; padding-left: 10px;margin-left: 0px; cursor: default; } div.sdmenu div a { display: block; } #leftcolumn {margin-left: 14px; margin-bottom: 60px;} .menulist { margin: 2px 5px 4px 0px; padding: 0; line-height: 12px; } .menulist ul { padding: 0 0 0 0; margin: 0 0 0 0; } .menulist li { list-style: none; padding: 0 0 2px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; background:url("http://uqconnect.net/images/grey-arrow.gif") no-repeat scroll 5px 2px; } .menulist li a, .menulist li a:visited { font-weight: normal; text-decoration: none; color: #3778C7; } .menulist li a:hover { text-decoration: underline; color: #333333; } /****************** Box Tags ***********************/ .box-left {float: left; width: 340px;} .box-right {float: right; width: 340px;} .box-ad-right {float: right; width: 146px; height: 133px;} #box-content { width:700px; margin-left:10px; } .box-contentf { width:550px; margin-left:10px; } #box-content-ad-left { width:307px; margin-left:0px } #box-content-ad-right { width:150px; margin-left:0px } /************************* Home page Feature Area Tags *************************/ #featurearea_1 { width: 777px; height: 264px; background: url('images/template/feature_bg.gif') no-repeat; margin-left: 4px; margin-top: 34px; margin-bottom: 5px;} #main_feature_1_left { margin-left: 5px; position: absolute; margin-top: -18px; min-height: 264px;} #main_feature_1_right { height: 243px; width: 255px; background: transparent url('images/template/feature_4_outline.gif') no-repeat; margin-top: 8px; margin-left: 515px; position: absolute;} #featurearea_2 { width: 777px; min-height: 275px; margin-left: 4px; padding-top: -5px; padding-bottom: 10px; background: url('images/template/feature_bg2.gif') bottom no-repeat; } #main_feature_2_left { position: absolute; width: 502px; margin-top: -25px; padding-top: 9px; padding-left: 7px;} #main_feature_2_right { width: 255px; margin-left: 514px; padding: 0px 0px 0px 0px; position: absolute; margin-top: -5px;} #main_feature_2_right img { padding-bottom: 3px;} #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 8px 0px 0px; } .staysmart_title {background: url('http://uqconnect.net/images/template/title-staysmart.png') top no-repeat; height: 37px; width: 263px; text-indent: -9999px; margin-left: -15px;} .staysmart_box { background-color:transparent; padding: 0px; margin: -8px 0px 0px 0px;} /************************* Homepage element Tags *************************/ div.section2 { background: transparent url('') no-repeat scroll left top; width: 245px; height: 20px; padding-top: 5px; margin-left: 0px; } div.section2 div.sectionContent2 h3 {padding: 0px 0 5px 20px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 20px; font-weight: normal; color: #3B3633; border: none; } div.section2 div.sectionContent2 p { margin: 0px 20px 0em 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #555555; line-height:17px; padding-left: 20px; } div.section2 div.sectionContent2 img { padding-left: 20px; padding-right: 10px;} div.section2 div.sectionContent2 ul { padding:0; margin:0; margin-left: 20px} div.section2 div.sectionContent2 ul li { margin: 0px 0 1px 0; padding: 0 0 5px 18px; list-style: none; padding-left: 20px; background-image: url('http://uqconnect.net/images/template/bullet3.gif'); background-repeat: no-repeat; font-size : 12px; color: #555555; background-position: 0 20%;} img.thumb { margin: 10px 10px 5px 5px; padding: 0; float: left; } #featurearea_2 h2 { font-weight: normal; font-size: 22px; margin: 0px 0px 0px; color: #BDBDBD; border-bottom: #ccc 1px solid; font-family: arial; } 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('http://uqconnect.net/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; } /************************ Home Page TAB Customer type section Tags *************************/ .column-container {position: relative; } .column-container ul li { padding: 0 0 5px 15px; font-size : 14px; } .column1 { margin-top: 0px; display: block; float: left; width: 370px; margin-right: 5px; height: 100%; z-index: 110; border-right: #f7f7f7 1px solid;} .column2 {padding-left: 10px; color: #222; font-family:Arial, Helvetica, sans-serif; width: 370px; float: left; padding-bottom: 20px; } /************************ Home Page TAB Customer type section Tags *************************/ ul# { list-style-type: none; list-style-image: none; list-style-position: outside; width: 502px;} ul#snapshot_nav li { margin: 0px 0px 0px 0px; padding: 0 0px 0px 0px; display: block; float: right; height: 25px; } ul#snapshot_nav li a { border: 0pt none ; display: block; float: right; height: 25px; text-decoration: none; font-size: 8px; text-indent: -9000px; } #snapshot_nav {margin-left: -43px;} li.external a { width: 77px; } li.external { background: transparent url('images/template/external_tab_off.gif') no-repeat scroll left bottom; width: 77px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } #snapshot_box.external li.external { background: transparent url('images/template/External_tab_on.gif') no-repeat scroll left bottom; width: 77px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } li.student a { width: 85px;} li.student { background: transparent url('images/template/student_tab_off.gif') no-repeat scroll left bottom; width: 85px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } #snapshot_box.student li.student { background: transparent url('images/template/student_tab_on.gif') no-repeat scroll left bottom; width: 85px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } li.staff a { width: 78px; } li.staff { background: transparent url('images/template/staff_tab_off.gif') no-repeat scroll left bottom; width: 78px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001;} #snapshot_box.staff li.staff { background: transparent url('images/template/staff_tab_on.gif') no-repeat scroll left bottom; width: 78px;height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } li.orgunit a { width: 91px; } li.orgunit { background: transparent url('images/template/orgunit_tab_off.gif') no-repeat scroll left bottom; width: 91px;height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } #snapshot_box.orgunit li.orgunit { background: transparent url('images/template/OrgUnit_tab_on.gif') no-repeat scroll left bottom; width: 91px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001;} li.affiliated a { width: 95px; } li.affiliated { background: transparent url('images/template/affiliatedorg_tab_off.gif') no-repeat scroll left bottom; width: 95px;margin-bottom: -3px; position: relative; z-index: 1001; } #snapshot_box.affiliated li.affiliated { background: transparent url('images/template/affiliatedorg_tab_on.gif') no-repeat scroll left bottom; width: 95px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } li.alumni a { width: 78px; } li.alumni { background: transparent url('images/template/alumni_tab_off.gif') no-repeat scroll left bottom; width: 78px;height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } #snapshot_box.alumni li.alumni { background: transparent url('images/template/alumni_tab_on.gif') no-repeat scroll left bottom; width: 78px; height: 28px; margin-bottom: -3px; position: relative; z-index: 1001; } div.section { background: transparent url('images/template/feature2_top.gif') no-repeat scroll left top; width: 502px; height: 3px; padding-top: 3px; margin-left: 0px; position: relative; z-index: 1000; } div.section div.sectionContent { background: transparent url('images/template/feature2_content.gif') repeat-y; padding-bottom: 0px; padding-top: 15px; min-height: 220px; } div.section div.sectionContent h3 {padding: 0 0 0px 20px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #FCA015; border: none; } div.section div.sectionContent p { margin: 0px 20px 1px 0pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color: #555555; line-height:17px; padding-left: 20px; } div.section div.sectionContent img { padding-left: 20px; padding-right: 10px;} div.section div.sectionContent ul li { margin: 0px 0px 0em 0pt; list-style: none; padding-left: 20px; background:url(http://uqconnect.net/images/template/bullet.png) no-repeat 2px 3px; font-size : 12px; color: #555555; } div.section div.sectionBottom { background: url('images/template/feature2_bottom.gif') no-repeat scroll center bottom; height: 16px; } /* /************************* Secondary level Home page layout Tags *************************/ #featurearea_6 { width: 777px; height: 185px; background: url('http://uqconnect.net/images/template/feature_bg4.gif') top no-repeat; margin-top: 23px; margin-bottom: 5px; margin-left: -4px;} #featurearea_6 h3 { font-weight: normal; font-size: 18px; margin: -8px 0px 0px -4px; color: #3B3633; font-family: arial, verdana, helvetica; } #main_feature_6_left { margin-left: 8px; position: absolute; margin-top: 8px; min-height: 188px;} #main_feature_6_right { height: 188px; width: 255px; background: transparent url('http://uqconnect.net/images/template/feature_6_outline.gif') no-repeat; margin-top: 8px; margin-left: 515px; position: absolute;} #second-content {width: 777px; margin-left: -4px; margin-top: 0px; padding-bottom: 20px; background: url('http://uqconnect.net/images/template/feature_bg3.gif') top no-repeat; min-height: 300px;} #second-content h2 {padding-left: 8px; color: #696969;} #second-content h4 {margin: 0px; font-size: 13px; font-weight: bold;} #second-content-top {width: 501px; float: left; margin-left: 8px; margin-top: 8px; background: transparent url('http://uqconnect.net/images/template/content-break.gif') bottom no-repeat; padding-bottom: 3px;} #second-content-top-left {width: 50px; float: left;} #second-content-top-right {width: 441px; float: right;} #second-content-bottom {width: 501px; float: left; margin-left: 8px; margin-top: 8px; padding-bottom: 3px;} #second-content-bottom-left { width: 244px; float: left; margin-left: 8px; margin-top: 8px; padding-top: 8px; border-right: dotted 1px #CCCCCC;} #second-content-bottom-right { width: 240px; float: right; margin-top: 8px; padding-top: 8px; margin-left: 8px;} #second-content-right { width: 255px; margin-right: 0px; position: absolute; margin-left: 514px; padding-top: 8px; padding-right: 8px;} #second-content-right img {padding-left: 8px; padding-bottom: 8px;} #second-content ul { padding:0; margin:0; margin-left: 8px; margin-top: 5px; padding-bottom: 5px;} #second-content ul li { margin: 0px 0 1px 0; padding: 0 0 2px 10px; list-style: none; padding-left: 20px; background-image: url('http://uqconnect.net/images/template/arrow1.gif'); background-repeat: no-repeat; font-size : 11px; color: #555555; background-position: 0 20%;} #second-content-top a:hover {color: #000000;} #second-content-top p {margin: 2px; font-size: 11px;} div.section3 { background: transparent url('') no-repeat scroll left top; width: 235px; padding-top: 0px; margin-left: 10px;} div.section3 div.sectionContent3 h3 {padding: 0px 0 5px 2px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 20px; font-weight: normal; color: #3B3633; border: none; } .broadband {width: 247px; height: 94px; background: url("http://uqconnect.net/images/banners/adslcheck-bg.gif") no-repeat; padding-left: 12px; margin-left: 8px;} .broadband h3 {padding: 12px 0 2px 0px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 18px; font-weight: normal; color: #424242; border: none; } /************************* 2nd level image element Tags *************************/ a.started {margin-left: 35px; margin-top: 20px; display: block;height:45px;width: 149px;background: url("http://uqconnect.net/images/template/getting-started.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.started:hover {background: url("http://uqconnect.net/images/template/getting-started-hover.gif") no-repeat;} a.started:active {background: url("http://uqconnect.net/images/template/getting-started-active.gif") no-repeat; } a.webmail {margin-left: 35px; margin-top: 20px; display: block;height:45px;width: 149px;background: url("http://uqconnect.net/images/template/webmail-login.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.webmail:hover {background: url("http://uqconnect.net/images/template/webmail-login-hover.gif") no-repeat;} a.webmail:active {background: url("http://uqconnect.net/images/template/webmail-login-active.gif") no-repeat; } a.uqnet {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-uqnet.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.uqnet:hover {background: url("http://uqconnect.net/images/template/icon-uqnet-hover.gif") no-repeat; border-bottom: none;} a.uqnet:active {background: url("http://uqconnect.net/images/template/icon-uqnet-visited.png") no-repeat; border-bottom: none;} a.adsl {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-adsl.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.adsl:hover {background: url("http://uqconnect.net/images/template/icon-adsl-hover.gif") no-repeat; border-bottom: none;} a.adsl:active {background: url("http://uqconnect.net/images/template/icon-adsl-active.png") no-repeat; border-bottom: none;} a.wireless {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-wireless.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.wireless:hover {background: url("http://uqconnect.net/images/template/icon-wireless-hover.gif") no-repeat; border-bottom: none;} a.wireless:active {background: url("http://uqconnect.net/images/template/icon-wireless-active.png") no-repeat; border-bottom: none;} a.computing {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-computing.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.computing:hover {background: url("http://uqconnect.net/images/template/icon-computing-hover.gif") no-repeat; border-bottom: none;} a.computing:active {background: url("http://uqconnect.net/images/template/icon-computing-active.png") no-repeat; border-bottom: none;} a.dialup {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-dialup.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.dialup:hover {background: url("http://uqconnect.net/images/template/icon-dialup-hover.gif") no-repeat; border-bottom: none;} a.dialup:active {background: url("http://uqconnect.net/images/template/icon-dialup-active.png") no-repeat; border-bottom: none;} a.webhost {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-webhost.gif") no-repeat;text-indent: -9999px; border-bottom: none;} a.webhost:hover {background: url("http://uqconnect.net/images/template/icon-webhost-hover.gif") no-repeat; border-bottom: none;} a.webhost:active {background: url("http://uqconnect.net/images/template/icon-webhost-active.png") no-repeat; border-bottom: none;} a.download {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-download.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.download:hover {background-position: -46px 0;} a.download:active {background-position: -92px 0;} a.download-activate {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-downloadactivate.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.download-activate:hover {background-position: -46px 0;} a.download-activate:active {background-position: -92px 0;} a.download-card {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-downloadcard.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.download-card:hover {background-position: -46px 0;} a.download-card:active {background-position: -92px 0;} a.myuqconnect {float: left; margin-top: -2px;display: block;height: 46px;width: 46px;background: url("http://uqconnect.net/images/template/icon-myuqconnect.png") no-repeat;text-indent: -9999px; border-bottom: none;} a.myuqconnect:hover {background-position: -46px 0;} a.myuqconnect:active {background-position: -92px 0;} /************************* OLD Secondary Pages Feature Area Tags *************************/ #sec_featurearea { width: 550px; height: 170px; background: url('images/featurearea_1_bg.gif') no-repeat; margin-left:0px; margin-top: 0px; } #sec_feature_left {position: absolute; top: 232px; left: 220px;} #sec_feature_right { width: 199px; height: 152px; position: absolute; top: 232px; left: 553px; background: url('images/featurearea_1_right_bg.gif') no-repeat;} #sec_feature_right h3 { width: 173px; height: 19px; margin: 8px 0 0 13px; background: url('images/can_i_get_broadband.gif') no-repeat;} #sec_feature_right h4 { width: 173px; height: 19px; margin: 8px 0 0 13px; background: url('images/can_i_get_wireless.gif') no-repeat;} #sec_feature_form { margin: 8px 12px 10px 13px; padding: 0; font-family: Verdana,Arial,Helvetica, sans-serif; color:#535354; line-height: 12px; } /************************* Form Tags *************************/ form { margin: 0px; padding: 0px; } .formfield { border-right: #9ab5c3 1px solid; border-top: #9ab5c3 1px solid; font-size: 12px; color: #000000; border-left: #9ab5c3 1px solid; border-bottom: #9ab5c3 1px solid; padding: 3px; font-family: arial; background-color: #ffffff;} .formfieldsm { border-right: #9ab5c3 1px solid; border-top: #9ab5c3 1px solid; font-size: 11px; color: #333333; border-left: #9ab5c3 1px solid; border-bottom: #9ab5c3 1px solid; padding: 2px; font-family: arial; background-color: #fff;} input.button { cursor:pointer; margin-top:10px; border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; background:url('images/button-bg.gif') repeat-x left top; padding:1px; } input.button2 { cursor:pointer; margin-top:10px; background:url('http://uqconnect.net/images/template/numbercheck-button.gif') repeat-x left top; padding:1px;width: 54px; height: 20px; text-transform: capitalize; font-size:.9em;color:#666; font-weight:bold; } /************************* 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("http://uqconnect.net/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 */ } /************************* ADSL Tags *************************/ .adsl_bg {width: 577px; min-height: 260px; margin-left: 4px; margin-top: 8px; background: url('http://uqconnect.net/images/template/adsl_bg.png') top no-repeat;} .adsl_bg p {padding-left: 8px; padding-right: 8px; font-size: 14px; margin-top: 0px; padding-top: 0px; text-align: center; } .adsltable {width: 561px; min-height: 260px; margin-left: 8px; margin-top: 0px; background: url('http://uqconnect.net/images/template/adsl_table_bg.png') top no-repeat;} tr.adsl_heading td{ background-color: none; background-image: none; background-repeat: repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #777; border: none; text-align: center; padding: 4px; height: 50px; text-transform: none;; } tr.adsl_heading sup {font-weight: normal; font-size: 10px;} tr.adsl1 td{ background-color: none; background-image: url("http://uqconnect.net/images/template/adsl-tr1.png"); background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.adsl2 td{ background-color: none; background-image: url("http://uqconnect.net/images/template/adsl-tr2.png"); background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.adsl3 td{ background-color: none; background-image: url("http://uqconnect.net/images/template/adsl-tr3.png"); background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.adsl4 td{ background-color: none; background-image: url("http://uqconnect.net/images/template/adsl-tr4.png"); background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.adsl td{ background-color: none; background: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #333333; text-align: center; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.style1 td { background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; text-align: left; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} tr.style2 td { background: #fffdfa url("http://uqconnect.net/images/template/style2.png") repeat-x top left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222; text-align: left; padding: 4px; height: 30px; border-bottom: 1px solid #e9edf8;} .adslcontent { padding-left: 0px; padding-right: 0px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; width: 600px; position: relative; min-height: 55px;} .adslcontent p {color: #fff; font-size: 15px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px;} .adslcontainer {width: 610px; margin: 0px 0px 0px 0px; padding: 0 0 0 0; background: transparent url('images/adsl/adslbox1-bg.gif') repeat-y; padding-left: 0px;} .adslbottom { background: transparent url('images/adsl/adslbox1-bottom.gif') bottom no-repeat; padding: 0px; height: 16px; width: 600px; margin-left: 0px; margin-top: -5px; } .adslheader { background: url('images/adsl/adslbox1-top.gif'); padding: 0px; height: 39px; width:600px; margin: 0px; margin-top: 0px; margin-bottom: -50px} /****/ .adslcontainer2 {width: 610px; margin: 0px 0px 0px 0px; padding: 0 0 0 0; background: transparent url('images/adsl/adslbox2-bg.gif') repeat-y; padding-left: 0px;} .adslbottom2 { background: transparent url('images/adsl/adslbox2-bottom.gif') bottom no-repeat; padding: 0px; height: 16px; width: 600px; margin-left: 0px; margin-top: -5px; } .adslheader2 { background: url('images/adsl/adslbox2-top.gif'); padding: 0px; height: 39px; width:600px; margin: 0px; margin-top: 0px; margin-bottom: -50px} /****/ .adslcontainer3 {width: 610px; margin: 0px 0px 0px 0px; padding: 0 0 0 0; background: transparent url('images/adsl/adslbox3-bg.gif') repeat-y; padding-left: 0px;} .adslbottom3 { background: transparent url('images/adsl/adslbox3-bottom.gif') bottom no-repeat; padding: 0px; height: 16px; width: 600px; margin-left: 0px; margin-top: -5px; } .adslheader3 { background: url('images/adsl/adslbox3-top.gif'); padding: 0px; height: 39px; width:600px; margin: 0px; margin-top: 0px; margin-bottom: -50px} /****/ .adslcontainer4 {width: 610px; margin: 0px 0px 0px 0px; padding: 0 0 0 0; background: transparent url('images/adsl/adslbox4-bg.gif') repeat-y; padding-left: 0px;} .adslbottom4 { background: transparent url('images/adsl/adslbox4-bottom.gif') bottom no-repeat; padding: 0px; height: 16px; width: 600px; margin-left: 0px; margin-top: -5px; } .adslheader4 { background: url('images/adsl/adslbox4-top.gif'); padding: 0px; height: 38px; width:600px; margin: 0px; margin-top: 0px; margin-bottom: -50px} /****/ .adsl-speed {width: 150px; position: absolute; text-align: center; padding-top: 15px;} .adsl-size1 {width: 150px; position: absolute; min-height: 37px; margin-left: 150px;text-align: center; border-bottom: 3px solid #bf5717;} .adsl-size1-2 {width: 150px; position: absolute; min-height: 37px; margin-left: 150px;text-align: center; border-bottom: 3px solid #5e0900;} .adsl-size1-3 {width: 150px; position: absolute; min-height: 37px; margin-left: 150px;text-align: center; border-bottom: 3px solid #23408f;} .adsl-size1-4 {width: 150px; position: absolute; min-height: 37px; margin-left: 150px;text-align: center; border-bottom: 3px solid #231f20;} .adsl-size2 {width: 150px; position: absolute; padding-top: 31px; padding-left: 150px;text-align: center;} .adsl-price1 {width: 150px; position: absolute; min-height: 37px; margin-left: 300px;text-align: center; border-bottom: 3px solid #bf5717;} .adsl-price1-2 {width: 150px; position: absolute; min-height: 37px; margin-left: 300px;text-align: center; border-bottom: 3px solid #5e0900;} .adsl-price1-3 {width: 150px; position: absolute; min-height: 37px; margin-left: 300px;text-align: center; border-bottom: 3px solid #23408f;} .adsl-price1-4 {width: 150px; position: absolute; min-height: 37px; margin-left: 300px;text-align: center; border-bottom: 3px solid #231f20;} .adsl-price2 {width: 150px; position: absolute; padding-top: 31px;; padding-left: 300px;text-align: center;} .adsl-catch {width: 150px; position: absolute; padding-left: 450px;text-align: center; padding-top: 15px;} /************************* Footer Tags *************************/ .footer-top {margin-top: -10px; background: #678be8 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-container { position: relative; min-height: 215px;} .footer-right {padding-left: 734px; width: 260px; margin-top: -170px; 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: 724px; padding-left: 8px; min-height: 190px;} #footer_numbers { width: 168px; float: left; font-size: 13px; color: #666; padding-left: 20px; padding-top: 10px; } #footer_hours { width: 168px; float: left; font-size: 13px; color: #666; padding-left: 10px; padding-top: 10px; } #footer_products { width: 168px; float: left; font-size: 1em; color: #666; padding-left: 10px; padding-top: 10px; } #footer_quicklinks { width: 168px; float: left; font-size: 1em; color: #666; padding-left: 10px; padding-top: 10px; } #footer_numbers h3, #footer_hours h3, #footer_products h3, #footer_quicklinks h3 { margin: 0 0 5px 0px; color: #b8b8b8; font-weight:normal; } #footer_numbers p, #footer_hours p, #footer_products p, #footer_quicklinks p { margin: 0 0 1em 0; color: #757575; font-size: 11px; line-height: 16px; margin: 0 0 5px 0px; } #footer_numbers a, #footer_hours a, #footer_products a, #footer_quicklinks a { color: #6f93b5; text-decoration: none; padding-bottom: 0.1em; } div.footer a:hover, #footer a:active, #footer a:focus { color: #678be8; } #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: 20px; float: right; padding-left: 5px; position: relative; z-index: 10; } #feedback a { font-weight: bold; font-size: 9px;} /************************* Sitemap Tags *************************/ #content { line-height: 18px; font-size: 12px; color: #555555; min-height: 480px;} .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;} /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 0px 0; border-bottom: none; margin-left: -25px; margin-top: -10px; width: 532px; } ul.tabbernav li { list-style: none; margin: 0; display: inline; background: none; margin-right: -17px; } ul.tabbernav li a { padding: 10px 34px 10px 34px; border: none; border-bottom: none; background: transparent url('images/template/news_off.png') no-repeat scroll left bottom; text-decoration: none; height: 37px; font-weight: normal; font-size: 20px; margin: 0px 0px 0px; color: #999999; font-family: arial; } ul.tabbernav li a { padding: 10px 0px 10px 0px; border: none; border-bottom: none; background: transparent url('images/template/interest_off.gif') no-repeat scroll left bottom; text-decoration: none; height: 37px; font-weight: normal; font-size: 20px; margin: 0px 0px 0px; color: #999999; font-family: arial; } ul.tabbernav li a:link { color: #999999; } ul.tabbernav li a:visited { color: #999999; } ul.tabbernav li a:hover { color: #000; background: ; border-color: #227; } ul.tabbernav li.tabberactive a { background: transparent url('') no-repeat scroll left bottom; border-bottom: none; font-weight: normal; font-size: 20px; margin: 0px 0px 0px; color: #FCA015; font-family: arial; } ul.tabbernav li.tabberactive a:hover { color: #000; background: ; border-bottom: none; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:5px; border: none; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } .tabbertab {width: 502px;} .tabberbreak {background: transparent url('http://uqconnect.net/images/template/news_break.gif') no-repeat top; width: 1px; height: 37px; float: left; }