/* CSS Document */ /* Evolution 7 - 2007 */ * {margin:0; padding:0;} a {text-decoration:none; border: none; outline:none;} #subnav a:link, #subnav a:visited {color:#F56E1C; text-decoration:none; border: none;} #footer-wrapper a { text-decoration: none; } .col-right a, #news-footer p a, #bnt-home-rem {color:#F56E1C; text-decoration:none;} .col-right p a:hover, .col-right * p a:hover, .col-right * h3 a:hover, .newslist a:hover, #subnav a:hover, #news-footer p a:hover {color:#fff; background:#F56E1C;} .typography address { font-style: normal; background:#FEF1EA; border:1px solid #FBC19E; padding:14px 22px; color:#F56E1C; font-family:Tahoma, Arial, Helvetica, sans-serif;margin:10px 2px; font-size:11px; line-height:16px;} .typography address { font-style: normal; background:#FEF1EA; border:1px solid #FBC19E; padding:14px 22px; color:#F56E1C; font-family:Tahoma, Arial, Helvetica, sans-serif;margin:10px 2px; font-size:11px; line-height:16px;} a img, a:link img, a:visited img, a:hover img { border: none !important; text-decoration: none !important; background: #FFFFFF !important; color: #FFF !important; } html {background:url(../images/bg-main.gif) repeat-y center; } body {background:url(../images/bg-main.gif) repeat-y center; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8C8C8C; height: 100%} #faded-bar {width:100%; height:8px; background:url(../images/bg-fade.gif) repeat-y center;} #header {margin:0 auto; width:760px; text-align:left; height:112px;} .logo {margin:10px 0 0 10px;} #main-nav {float:left; width:511px; padding-left:15px; height: 110px; display: block;} /* added height here */ #main-nav div {float:left; width:auto; padding:0 2px; display:block;} /*This is a class for the Current page, it brings the nav image above the #Faded-bar div at the top*/ #main-nav .current {margin-top:-8px; position:relative;} #feature-nav-wrapper {width:100%; height:31px; background:url(../images/bg-fade.gif) repeat-y center; margin-bottom:2px;} #feature-nav-wrapper2 {margin:1px auto 0; width:760px;} #feature-nav {float:left; width:510px; padding-left:16px;} #feature-nav div {float:left; width:auto; padding:0 1px;} #content-wrapper {width:100%; background:#fff;} #content {margin:0 auto; width:760px; text-align:left;} .col-left {float:left; width:234px; overflow: hidden;} .col-right {float:right; width:509px; padding:28px 0 15px 17px;} .col-left a:hover {background:none;} .link a:hover {background-color:#F56E1C;} /*Home Page styles*/ #feature {top:-61px; position:relative; padding-bottom: 0px; margin-bottom: -40px;} #home-buttons {float:left; width:174px; } #home-buttons div {padding:3px 0;} #home-news {float:left; width:303px; padding:5px 0 0 10px; border-left:1px solid #E3E3E3;} /*Home Buttons*/ #home-buttons a {display:block; width:149px; height:46px; margin-bottom:12px;} #home-buttons a:hover {background-position:right;} #home-buttons b {display:none;} #btn-home-donate {background-image:url(../images/btn-home-donate.gif);} #btn-home-subscribe {background-image:url(../images/btn-home-subscribe.gif);} #btn-home-users {background-image:url(../images/btn-home-users.gif);} #btn-home-tv {background-image:url(../images/btn-home-tv.gif);} #btn-home-facebook {background-image:url(../images/btn-home-facebook.gif);} #btn-home-twitter {background-image:url(../images/btn-home-twitter.gif);} #bnt-home-rem { font-size: 14px; color: #ccc; margin: 0.7em 0 0.7em -30px; /* Hack to make text flow correctly. */ width: 130px !important; } #bnt-home-rem:hover {color: #888;} /*Home Logos*/ #home-logos {padding:76px 34px 0 0; clear:both; float:right; width:100px; text-align:right;} #home-logos a {display:block; width:98px;} #home-logos b {display:none;} #home-logos a:hover {background-position:right;} #btn-home-road {background-image:url(../images/btn-home-road.gif); height:55px;} #btn-home-ride {background-image:url(../images/btn-home-ride.gif); height:47px;} #btn-home-aust {background-image:url(../images/btn-home-aust.gif); height:38px;} #btn-home-metre {background-image:url(../images/btn-home-metre.gif); height:65px;} #home-logos img {padding:0 0 10px 0;} /*Subpages*/ #subnav {border-bottom:#F56E1C 1px solid; margin-bottom:20px; } #subnav ul {margin:0; padding:0; height:35px;} #subnav ul li {display:block; float:left; background:none; padding:2px 5px 0; height:33px;} #subnav ul li a {padding:0 4px; display:block; vertical-align:baseline; height:33px;} #subnav .on {color:#fff; background-color:#F56E1C; font-weight:bold;} .page-heading {float:right; text-align:right; padding:32px 25px 30px 0;} .left-col-item {float:right; padding:0 25px 30px 0;} .right-halfcol {float:left; width:174px;} /*.partner-logo {float:left; width:150px; height:147px; margin-bottom:8px; font-size:10px; margin-right:13px; line-height:11px;} .partner-logo-lrg {float:left; width:150px; height:110px; margin-bottom:8px; font-size:10px; margin-right:13px; line-height:11px;} .partner-logo-sml {float:left; width:100px; height:66px; margin-bottom:18px; font-size:10px; margin-right:23px; line-height:11px;} .partner-logo-new {float:left; width:232px; height:115px; margin-bottom:18px; font-size:10px; margin-right:5px; line-height:11px;}*/ .partner-logos { margin-bottom: 20px; float: left; width: 100%; } .partner-logos h3 { margin-bottom: 1em; padding: 0; } .partner-logos a { float: left; margin: 0 6px 6px 0; border: 1px solid #ccc; display: block; width: 244px; height: 120px; text-align: center; vertical-align: middle; } .partner-logos a[href]:hover { border-color: #E31973; } .partner-logos a * { vertical-align: middle; } .partner-logos a.med { width:160px; } .partner-logos a.sml { width:118px; height: 100px; } .partner-logos a.long { width: 244px; } .partner-logos span.ie7 { display: inline-block; height: 100%; } #cm_form { padding: 0 0 20px 250px; float: left; } #cm-wrap #cm_form { padding-left: 0; } #cm_form form { padding: 10px; background: #eee; border: 1px solid #ccc; margin: 1em 1em 1em 0; float: left; } #cm_form input[type=text] { padding: 5px; border: 1px solid #ccc; margin-bottom: 10px; display: block; width: 250px; } #cm_form label { margin-bottom: 5px; display: block; width: 100%; } .p-logo {float:left; width:150px; height:100px; margin-bottom:8px;margin-right:13px;} .p-logo-sml {float:left; width:100px; height:66px; margin-bottom:8px;margin-right:13px;} .p-logo-new {float:left; width:232px; height:115px; margin-bottom:8px;margin-right:5px;} .p-photo {float:left; width:189px; height:129px; padding:10px 20px 40px 0;} .p-photo-block {clear:both; padding-bottom: 20px;} .partner-logo a, .partner-logo-sml a, .partner-logo-new a, .partner-logo-lrg a, .p-logo a, .support img {float:left; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF; margin-bottom:13px;} .partner-logo a:hover, .partner-logo-sml a:hover, .partner-logo-new a:hover,.partner-logo-lrg a:hover, .p-logo a:hover {border-left:1px solid #AFAFAF; border-top:1px solid #AFAFAF; border-right:1px solid #747474; border-bottom:1px solid #747474; margin-bottom:13px; background:#fff;} .board-image {float:left; width:83px; padding: 6px; margin-right: 15px; margin-top: 9px; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #989898; border-bottom:1px solid #989898;} .board-text {float:left; width:394px; padding-top:0px; margin-bottom: 25px;} .board-text ul {padding:2px 0 5px 0;} #footer-wrapper {margin:0 auto 50px; width:730px; text-align:left; padding:6px 12px 20px 18px; color:#FBC3A1; font-size:10px;} #footer {float:right; width:180px; height:17px; line-height:17px;} #footer-right {float:right; width:190px; padding-left:12px;} #footer-right a {color:#FBC3A1; display:block; height:17px; line-height:17px; background:url(../images/e7-logo.gif) no-repeat 110px 0;} #footer-right a:hover {color:#FEF3EA; background:url(../images/e7-logo.gif) no-repeat 110px -17px;} #footer-right a span {padding-left:20px;} #contact-foot {float:right; width:85px; text-align:right;} #privacy-foot {float:right; width:85px; text-align:right;} #subscribe-foot {float:left; width:120px; text-align:right;} #photo-credit {color:#F07EB1; width:190px; padding-right:25px; text-align:right;} p {padding:5px 0; line-height:16px;} p span {color:#E31973; font-weight:bold;} .span-alt {color:#f36e21; font-weight:bold;} h2 {font-size:14px; color:#F56E1C; padding:6px 0; } /*Pink Bold*/ h3, h3.anchor {font-size:12px; font-weight:bold; color:#E31973; padding:10px 0 3px 0;} /*News Heading*/ h4 {float:left; font-size:12px; font-weight:normal; color:#F56E1C; } #home-news h4 { width: 253px } .newslist h4 { width: 410px } h4 a {float:left; font-size:12px; font-weight:normal; color:#F56E1C; padding:1px 2px 1px 22px; background:url(../images/bike-tiny-pink.gif) no-repeat left center; } h4 a:hover {background:url(../images/bike-tiny-orange.gif) no-repeat left center #F56E1C !important; color: #FFF;} .showhide a {font-size:12px; font-weight:normal; color:#F56E1C; padding:1px 2px 1px 22px; background:url(../images/bike-tiny-pink.gif) no-repeat left center; } .showhide a:hover {background:url(../images/bike-tiny-orange.gif) no-repeat left center #F56E1C !important; color: #FFF;} /*News Date*/ h5 {float:right; font-size:10px; color:#B2B2B2; padding-top:3px;} /*sIFR*/ h6 {font-family:Century Gothic, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px;} /*Anchors*/ h3.anchor a:hover {background:none; color:#F56E1C;} .small {font-size:11px;} .quote {background:#FEF1EA; border:1px solid #FBC19E; padding:14px 22px; color:#F56E1C; font-family:Tahoma, Arial, Helvetica, sans-serif;margin:10px 2px; font-size:11px; line-height:16px;} .frame {padding:8px; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #989898; border-bottom:1px solid #989898;} .frame-margin {margin:14px 14px 14px 0;} .gallery-image {padding:4px; border:1px solid #fff;} a:hover .gallery-image {border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-right:1px solid #989898; border-bottom:1px solid #989898; background:#fff;} .left {float:left; margin-right:10px; margin-bottom:10px;} .right {float:right; margin-left:10px; margin-bottom:10px;} ul, ol {margin:0 0 0 3px; padding:2px 0 5px 20px;} ol li {padding:3px 0 3px 5px;} ul li {padding:3px 0 3px 10px; list-style-type:none; background:url(../images/bullet.gif) no-repeat 0 8px;} ul ul li {background:url(../images/bullet2.gif) no-repeat 0 10px;} /*Sidebar heading styles*/ .col-left h2 {clear:both; color:#e31973; text-transform:uppercase; text-align:right; padding: 30px 25px 30px 0; font-size:18px; font-weight:bold;} .col-left h3 {clear:both; color:#b2b2b2; text-align:right; padding: 0 25px 30px 0; font-size:18px; font-weight:bold;} .tablestyle1 {margin:0px 0 10px 0;} .tablestyle1 td {border-bottom:1px solid #dfdfdf; padding: 5px 0 5px 0} .topborder {border-top:1px solid #dfdfdf;} /*Supporting the AGF*/ .support {float:left; width:100%; clear:both; padding-bottom:20px} .support_left {float:left; width:165px; display:block; padding-top:3px;} .support_right {float:right; width:340px; display:block} .support_right .top {padding-top:0px;} .merch_image img {padding-right:15px} /*Misc*/ .pink {color:#E31973} .orange {color:#F56E1C} .br {float:left; clear:both; width:100%;} /* form page modification */ p#Remember { float: left; display: block; } p#Remember * { float: right; display: block; } p#Remember label { padding-right: 3px; } a.lightwindow:hover { text-decoration: none !important; background: #FFFFFF !important; } #quiz-button {background:url(../images/button-begin.gif) no-repeat transparent; width:98px; height:23px; text-decoration:none; display:block;} #quiz-button:hover {background-position:bottom;} .close-button { font-size:12px; font-weight:normal; color:#F56E1C; padding:1px 2px 1px 22px; background:url(../images/bike-tiny-pink.gif) no-repeat left center; } .close-button:hover { background:url(../images/bike-tiny-orange.gif) no-repeat left center #F56E1C; color:#FFFFFF;} .hide-content { display:none; } fieldset { border: none; } label.left { width: 150px; height: 20px; } span.middleColumn { height: 25px; display: block; } span.middleColumn input.text { width: 150px } span.message { color: #F56E1C; height: 20px; width: 300px; display: block; font-size: 10px } #Form_SubscribeForm_action_doSubscribeForm { margin-left: 230px; padding: none} #newsletters { margin-bottom: 20px; float:left } #newsletters ul { padding: 0 } #newsletters ul li { background: none; padding: 4px; float:left; width: 498px; height:9px; display:block } #newsletters a {float:left; font-size:12px; font-weight:normal; color:#F56E1C; padding:1px 2px 1px 22px; background:url(../images/bike-tiny-pink.gif) no-repeat left center; } #newsletters a:hover {background:url(../images/bike-tiny-orange.gif) no-repeat left center #F56E1C !important; color: #FFF;} #Surname,#Email,#Password {clear:left} .displaying { float: left; } .paging-wrap { background: url("/themes/unimelbsife/images/40.png") repeat scroll 0 0 transparent; border-top: 2px solid #FFFFFF; color: #AAAAAA; float: left; font-size: 11px; padding: 15px 0; width: 100%; line-height: 1.8em; margin-bottom: 15px; } .paging div { float: left; padding-left: 4px; } .btn-paging { background: none repeat scroll 0 0 #FDE2D2; color: #FFFFFF; float: left; font-weight: bold; height: 20px; margin: 0 0 0 6px; text-align: center; width: 20px; } .btn-paging:hover { background: none repeat scroll 0 0 #F56E1C; color: #fff; text-decoration: none; } .btn-paging:active { background: none repeat scroll 0 0 #155692; } .paging input { border: 1px solid #AAAAAA; color: #AAAAAA; float: left; font-size: 11px; height: 14px; padding: 2px; text-align: center; width: 16px; } .btn-paging-off { background: none repeat scroll 0 0 #CCCCCC; color: #FFFFFF; } .btn-paging-off:hover { background: none repeat scroll 0 0 #CCCCCC; } .paging { float: right; position: relative; } .paging label { float: left; padding-right: 4px; } table td { padding: 15px; vertical-align: top; } #search {position:absolute; top:127px; margin-left:43px; clear: both;} #search #qf { display: block; float: left; color:#8C8C8C; width:130px; background:#fff; border: 0; padding:2px 5px; font-size:11px; line-height:15px; height:16px; margin: 0} #submit-image { background: url("../images/bg-search.gif") no-repeat scroll center center #FFFFFF; border: none; width: 20px; height: 20px; position: relative; cursor: pointer } #cse-search-results iframe {width: 520px !important;} .gsc-control-cse { font-family: Arial, sans-serif; border-color: #FFFFFF; background-color: #FFFFFF; } input.gsc-input { border-color: #BCCDF0; } input.gsc-search-button { border-color: #666666; background-color: #CECECE; } .gsc-tabHeader.gsc-tabhInactive { border-color: #E9E9E9; background-color: #E9E9E9; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #FF9900; border-left-color: #E9E9E9; border-right-color: #E9E9E9; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #E9E9E9; } .gsc-webResult.gsc-result { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover { border-color: #FFFFFF; background-color: #F56E1C; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #F56E1C; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #F56E1C; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #ffffff; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #F56E1C; } .gsc-cursor-page { color: #F56E1C; } a.gsc-trailing-more-results:link { color: #F56E1C; } .gs-webResult.gs-result .gs-snippet { color: #000000; } .gs-webResult.gs-result .gs-visibleUrl { color: #F56E1C; } .gs-webResult.gs-result .gs-visibleUrl-short { color: #F56E1C; } .gs-webResult.gs-result .gs-visibleUrl-short { display: none; } .gs-webResult.gs-result .gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-page { border-color: #E9E9E9; background-color: #FFFFFF; } .gsc-results .gsc-cursor-page.gsc-cursor-current-page { border-color: #FF9900; background-color: #FFFFFF; } .gs-promotion.gs-result { border-color: #336699; background-color: #FFFFFF; } .gs-promotion.gs-result a.gs-title:link { color: #0000CC; } .gs-promotion.gs-result a.gs-title:visited { color: #0000CC; } .gs-promotion.gs-result a.gs-title:hover { color: #0000CC; } .gs-promotion.gs-result a.gs-title:active { color: #0000CC; } .gs-promotion.gs-result .gs-snippet { color: #000000; } .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short { color: #008000; } .typography {clear:left; padding-top:20px;} #subnav {border:1px solid #f56e1c; margin:20px; float:right;} #subnav ul {height:auto;} #subnav ul li {float:none; height:auto; padding:0; border-bottom:1px dotted #f56e1c;} #subnav ul li.on {padding:3px 9px;} #subnav ul li a, #subnav ul li a:link, #subnav ul li a:visited {height:auto; padding:3px 9px;} .counter {text-align:center; font-size:12px; color:#eb5e9d; font-weight:400; margin:10px auto 30px auto; line-height:18px; width:450px;} .counter span {float:left; display:block; margin-right:10px; text-align:right; width:60px;} .counter strong {font-family:Verdana, sans-serif; color:#fff; font-weight:bold; border-left:2px solid #eb5e9d; border-right:2px solid #eb5e9d; background:#E31973; font-size:24px; padding:1px 5px;} .counter #c-sec {color:#efefef; display:none;} .counter #c-sec strong {background:#fff; color:#efefef; border-color:#f9f9f9;} .counter #c-day {color:#f89a61; width:90px;} .counter #c-day strong {background:#F56E1C; border-color:#f89a61;}