/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Tyne Wear Sport - Main Stylesheet Author: Alison Lee (alisonlee@silktide.com) / Silktide Ltd Created: 16/11/2007 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #dbe4e3 url("templatefiles/body-bg.jpg") repeat-y center top; font: 75% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.6em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1B3D96; margin: 0 0 15px; } h2 { font: bold 1.4em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1B3D96; margin: 20px 0 5px; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1B3D96; margin: 20px 0 5px; } p, li { font-size: 1.0em; line-height: 1.6em; color: #666; margin: 9px 0; } li { margin: 5px 0; } .smalltext, .breadcrumb { font-size: 0.9em; margin: 0 0 5px; } a, a:visited { color: #b50e2a; text-decoration: none; } a:hover, a:active { color: #d6ac00; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .right { float: right; } .imgleft { width: 205px; float: left; margin: 0 15px 15px 0; } .imgright { width: 205px; float: right; margin: 0 0 15px 15px; } .centerimg { text-align: center; } .centerimg img { margin: 0 auto; } .widthwrapper { width: 100%; } .autowidth table { width: auto!important; } .padding { padding: 20px; } #accessibility { display: none; } /* Colour Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ h1.red, .red h2, .red .button { background: #b50e2a url("templatefiles/red-bg.jpg"); color: #fff; padding: 5px; } .green h2, .green .button { background: #0c7e4d url("templatefiles/green-bg.jpg"); color: #fff; padding: 5px; } .yellow h2, .yellow .button { background: #d6ac00 url("templatefiles/yellow-bg.jpg"); color: #fff; padding: 5px; } .red, .red a, .red a:visited, .red label, .yellow a:hover, .yellow a:active, .green a:hover, .green a:active { color: #b50e2a; } .green, .green a, .green a:visited, .green label { color: #0c7e4d; } .yellow, .yellow a, .yellow a:visited, .yellow label { color: #d6ac00; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 910px; min-height: 100%; height: auto; text-align: left; margin: 0 auto -90px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { height: 145px; position: relative; background: transparent url("templatefiles/header-bg.jpg") repeat-x top left; text-align: right; } #menucol { width: 205px; float: left; padding: 5px; } #content { margin: 10px 15px 10px 230px; } .fullwidth { background: #dbe4e3 url("templatefiles/body-fullwidth-bg.jpg") repeat-y center top; } .fullwidth #content { margin-left: 15px; } #clearfooter { clear: both; height: 90px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 905px; height: 75px; background:transparent url(templatefiles/pa-sport.jpg) no-repeat top right; clear: both; font-size: 0.85em; padding: 0 0 0 5px; margin: 15px auto 0; width: 905px!important; 0; } #footer img { float: right; } #footer p { padding-top: 60px; margin: 0; text-align:left; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; left: 20px; top: 30px; } #header #headerimg { float: right; display: block; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #menucol .nav { padding: 5px 0; margin: 0; } #menucol .nav li { list-style-type: none; font-weight: bold; /*text-transform: uppercase;*/ color: #1B3D96; padding: 1px 0; border-bottom: 1px solid #dedede; margin: 0; } #menucol .nav li a, #menucol .nav li a:visited { color: #1B3D96; } #menucol .nav li a:hover, #menucol .nav li a:active, #menucol .nav li.selected a { color: #b50c29; } #menucol .nav ul { padding: 2px 0; margin: 0 0 0 10px; } #menucol .nav ul li { font-size: 0.9em; border-bottom: 0; } #menucol .nav ul li a, #menucol .nav ul li a:visited { color: #1B3D96; } #menucol .nav ul li a:hover, #menucol .nav ul li a:active, #menucol .nav ul li.selected a { color: #b50c29; } #menucol .nav .selected ul li a, #menucol .nav .selected ul li a:visited { color: #1B3D96; } #menucol .nav .selected ul li a:hover, #menucol .nav .selected ul li a:active, #menucol .nav .selected ul li.selected a { color: #b50c29; } ul.navlevel3 { padding: 0; margin: 0 20px; } ul.navlevel3 ul { padding: 0; margin: 0 15px; } /* Box Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .boxwrapper { margin-top: 5px; margin-bottom: 5px; } .boxwrapper * { margin: 0; } .boxwrapper p { margin: 5px 0 0; } .sidebox-top { width: 205px; height: 10px; background: transparent url("templatefiles/sidebox-top.jpg") no-repeat bottom center; padding: 0; margin: 0; } .sidebox-bot { width: 205px; height: 10px; background: transparent url("templatefiles/sidebox-bot.jpg") no-repeat top center; padding: 0; margin: 0; } .sidebox { height: 1%; background: transparent url("templatefiles/sidebox-bg.jpg") repeat-y top center; padding: 0 12px; margin: 0; } .sidebox label { display: block!important; margin: 5px 0; } .sidebox select { width: 180px; } .sidebox input { width: 172px; display: block; } .sidebox .button { width: 50px; font-weight: bold; text-transform: uppercase; border: 0; margin: 7px 3px; } .subbox-top { width: 332px; height: 10px; background: transparent url("templatefiles/subbox-top.jpg") no-repeat bottom center; padding: 0; margin: 0; } .subbox-bot { width: 332px; height: 10px; background: transparent url("templatefiles/subbox-bot.jpg") no-repeat top center; padding: 0; margin: 0; } .subbox { width: 308px; min-height: 350px; background: transparent url("templatefiles/subbox-bg.jpg") repeat-y top center; padding: 0 12px; margin: 0; } .long { width: 650px; background: none; padding: 0 5px; margin: 0; } .long h2 { font-size: 1.2em; margin-bottom: 15px; } .long input { vertical-align: middle; } .long .button { border: 0; color: #000; } .sidebox .formprompt, .subbox .formprompt, .clubinterface .formprompt { font-size: 0.75em; color: #666; line-height: 2.5em; } .sidebox .taosrequiredfieldicon, .subbox .taosrequiredfieldicon, .clubinterface .taosrequiredfieldicon { font-size: 0.75em; } /*.clubinterface label { display: block; margin: 5px 0; } .clubinterface input { width: 172px; display: block; margin: 5px 0; }*/ .clubinterface label { margin: 5px 0 5px 0; } .clubinterface input { margin: 5px 0 5px 0; } .clubinterface select { width: 180px; display: block; margin: 5px 0; } .clubinterface .button { display: inline; } /* Login Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #login { min-height: 160px; } #login label { display: block; } #login input { display: block; } #login .button { width: 70px!important; float: right; } /* Search Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #search { min-height: 60px; } #search button, #search #f1_searchText { float: left; margin: 7px 0; } #search .button { width: 35px!important; float: right; padding: 2px 0; } /* Other Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .imagebrowser { background: #F9A626; width: auto!important; border: 1px solid black; padding: 5px; } .imagebrowser a:hover { color: #000000;} .sendresults { font-weight:bold; background: #F9A626; text-align:center; font-size:1.3em; color: #b50e2a; width: auto!important; border: 1px solid black; padding: 5px; } .sendresults:hover { background: #fff;} .sendresults:hover a { background: #fff; color: #000000;} .sendresults a { background: #F9A626; color: #b50e2a; } .sendresults a:hover { background: #fff; color: #000000; } .homeimg { width: 150px; float: left; font-size: 0.9em; margin: 0 8px; } .newstable { border-collapse: collapse; } .newstable td { vertical-align: top; padding: 5px; } .newstable td p { padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; margin-top: 0; } .newstable td img { padding: 2px; border: 1px solid #c5d596; margin-top: 2px; } .newsdiv img { float: left; padding: 2px; border: 1px solid #c5d596; margin: 5px 5px 5px 0; } .imagegallery td { vertical-align: top; padding-bottom: 10px; } .imagegallery img { padding: 5px; border: 1px solid #e8e8e8; margin-bottom: 5px; } .twitter { margin:15px 0; text-align: center; } .twitter img { margin: 0 auto; } /* Course Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .azmenunav { margin: 20px 0; } .azmenuoptions { padding: 0; margin: 0; } .azmenuoptions li { list-style-type: none; } .backtotop { font-size: 0.85em; float: right; } .date { width: 150px; } .location { width: 100px; } .more { width: 100px; } /* Virtual Comp Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #virtualcomp { } #virtualcomp p { color:red; } #virtualcomp fieldset { padding:20px 25px; } #virtualcomp legend { color:#1B3D96; } #virtualcomp select { margin:0 0 10px 0; } #virtualcomp table td { padding:5px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer-change4life { position:absolute; top:0; right:586px; } #footer-sspcs { position:absolute; top:0; right:448px; } #footer-lottery { position:absolute; top:0; right:338px; }