/* -------------------------------------------------- Standard Stylesheet for 'most' browsers! website: www.e4education.co.uk version: 2007.08 author: Sean Johnson / Stuart Elmore @ e4education -------------------------------------------------- */ /* import additional style sheets -------------------------------------------------- */ @import "news.css"; @import "calendar.css"; @import "contentblock.css"; @import "comments.css"; /* Remove default margins & paddings -------------------------------------------------- */ * {margin: 0; padding: 0;} /* Fixes forcer issue with news items -------------------------------------------------- */ .newsItemOdd, .newsItem {clear: none;} /* icons and styles for file attachments -------------------------------------------------- */ ul.fileAttachmentList {min-height: 40px; padding: 0 0 20px 0; margin: 0;} ul.fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; } ul.podcastList li {height: auto !important; } ul.podcastList li.attachmentDownload_mp3 {background-position: top left;} ul.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} ul.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} ul.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} ul.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} ul.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} ul.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Base styles, typography & alignments -------------------------------------------------- */ body {margin: 0px auto; background: #485984 url(../images/design/bg.jpg) -200px 0 no-repeat; font-family: Arial, sans-serif; font-size: 80%; line-height: 170%; text-align: center; color: #000;} h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;} h1 {font-size: 205%; text-align:center; margin:0 0 10px 0; line-height:185%;} h2 {font-size: 165%; text-align:center; margin:5px 0; line-height:145%;} h3 {font-size: 145%; text-align:center; margin:5px 0; line-height:125%;} p {margin-bottom: 1em;} #event_summary li a { display: block; float: left; width: 5em; text-align: right; padding-right: 4px; } #calendarOverview #monthSummary ul { padding:0px; margin: 0px; } #content ul {margin-bottom: 1em; padding: 0 0 0 40px; } /* #content li {margin-left: 20px;} */ img.left {float: left; margin: 0 10px 10px 0;} img.right {float: right; margin: 0 0 10px 10px;} img {border:none;} .left {float: left;} .right {float: right;} .center {margin: 0 auto; text-align: center;} a {color:#000;} a:link {text-decoration: underline;} a:hover {color:#666;} form {margin-bottom: 20px;} fieldset { clear: both; } label {padding: 3px; margin-bottom: 2px;} input, textarea, select {margin-bottom: 2px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 90%;border: 1px solid #cacaca;} input.button {margin-left: 210px; width: 100px;} .textField label { width: 12em; display: block; float: left; text-align: right; } .error, .error a {padding-left: 20px; color:#f00;} .caption {font-style: italic; font-size: 90%;} .noShow {display: none;} hr.cleaner {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;} .clear:after {content: "."; display: block; clear:both; height: 0; visibility: hidden;} .clearme {clear:both;} .imgAlign {margin:0 0 -2px 1px;} /* Structure and DIV specific styling -------------------------------------------------- */ #container {margin: 0px auto; padding:0 0 20px 0; width: 100%; text-align: left; background:url(../images/design/bg_footer.gif) bottom no-repeat;} #backgroundGrass {background:url(../images/design/bg_footerSpan.jpg) repeat-x bottom;} #header {width: 900px; margin: 0px auto; height: 185px; color: #FFF;} #header h1, #header h2 {display: none;} #flashcontent {width:700px; height:185px; margin:auto;} #accessibilityLinks {display: inline; font-size: 80%;} #accessibilityLinks li {display: inline;} #accessibilityLinks li a {margin: 0px .6em; padding: 0px 0px 0px 15px; background: url(../images/design/text_link.gif) no-repeat left;} #accessibilityLinks li a.homeLink {background-image: url(../images/design/home_link.gif);} #accessibilityLinks li a.contactLink{background-image: url(../images/design/contact_link.gif);} #accessibilityLinks li a.mapLink {background-image: url(../images/design/map_link.gif);} #accessibility {margin: 0px auto; width: 930px; text-align:right; font-size:75%;} #main {width: 930px; margin: 0px auto; } #menu {width: 820px; height:75px; margin:auto; background:url(../images/design/bg_menu.gif); text-align:center;} #menu ul {list-style-type: none; width:710px; margin:auto;} #menu li {display: inline; margin:8px 5px; float: left; height: 50px; width:90px; display: inline; list-style: none;} #menu li a {display: block; height: 50px; width:90px; background-repeat: no-repeat; background-position: top right; text-indent: -5000px; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;} #menu li a:hover {background-position: top left; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;} #menuHome a {background-image: url(../images/design/menu/menu_home.jpg);} #menuMembers a {background-image: url(../images/design/menu/menu_members.jpg);} #menuAbout a {background-image: url(../images/design/menu/menu_about.jpg);} #menuJoin a {background-image: url(../images/design/menu/menu_join.jpg);} #menuContact a {background-image: url(../images/design/menu/menu_contact.jpg);} #menuLinks a {background-image: url(../images/design/menu/menu_links.jpg);} /* #menuIncentives a {background-image: url(../images/design/menu/menu_incentives.jpg);} */ #menuForum a {background-image: url(../images/design/menu/menu_forum.jpg);} #contentWrapper {width: 930px; background: url(../images/design/bg_mainContent.gif) repeat-y;} #subnavPane {float:left; margin:0 10px 0 0; width: 200px; background:#FFF;} #subnavPane ul {margin:10px 0 0 0;} #subnavPane li {margin:0 0 0 20px;} #subnavPane a {text-decoration: none;} #subnavPane a:hover {text-decoration: underline;} #subnavTop {margin:0; height:17px; background:url(../images/design/bg_subnavTop.jpg);} #subnavMiddle {margin:0; background:url(../images/design/bg_subnavMiddle.jpg);} #subnavMiddle h2 {width:160px; margin:auto; font-size:145%;} #subnavMiddle ul {list-style:none;} #subnavMiddle li {width:155px;} #subnavMiddle li a {display:block; padding: 5px 15px 7px 0 ; background:url(../images/design/submenuLink.gif) no-repeat -5000px -5000px;} #subnavMiddle li a:hover {background:url(../images/design/submenuLink.gif) no-repeat right bottom;} #subnavMiddle a:hover {text-decoration:none;} #subnavBottom {margin:0; height:29px; background:url(../images/design/bg_subnavBottom.jpg);} #breadcrumbs {float: left; margin:0; padding-bottom:15px; width: 420px; font-size: 115%; color:#666;} #breadcrumbs ul {} #breadcrumbs li {display: inline; padding: 0 5px 0 0; } #breadcrumbs a {text-decoration: underline; color:#006;} #breadcrumbs a:hover {text-decoration: underline;} #dateTime {float: right; width: 120px; margin:0; font-size: 90%; text-align: right;} #editor #mainContent, #editor #subContent { border-right: 1px solid #cacaca; min-height: 590px; } #myContent { float:left; margin:10px; width:570px; } #mainContent { display:inline; float:left; padding: 10px; margin: 0px; } #mainContent.twoColumns { width:382px ; padding: 0;} #mainContent.twoColumnsEven { width:280px ; padding: 0; } #mainContent.threeColumns { width:186px ; padding: 0; } #mainContent #mainContent { float:left; padding: 0; margin: 0px; } .twoColumnsEven {display:inline; float:left; width:260px ; padding: 0; } #subContent { float:right; width:182px; margin: 0px; } #subContent.even { float:left; width:278px; margin-left:10px; } #subContent.threeColumns { float:left; width:186px; } #moreContent { float:right; width:186px; padding: 2px; margin: 0px; } #sidebarGallery {margin:10px;} /* #content {clear: both;} */ /* #content p {width:570px; margin:auto;} */ /* #content h1 {width:570px; margin:10px auto 5px auto;} */ /* #content h2 {width:570px; margin:10px auto 5px auto;} */ #subcontent {display:inline;float: left; width:570px;} #adverts {float:right; width:120px; height:600px; } #adverts a {margin-bottom:5px;} #forcer {display:none;} .imageFooterMiddle {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;} .newsItem h2 {background: none; font-size: 110%;} .newsItemOdd h2 {background: none; font-size: 110%;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footer {clear: both; margin:10px auto 0 auto; padding: 5px; width: 920px; background: #FFF; font-size: 95%; } #footer p {width: 700px; margin:auto; text-align:center;} #logInOut {width:200px; height:80px; padding:20px 0 0 0; background:url(../images/design/bg_loginout.jpg) no-repeat; color:#FFF; font-size:85%;} #logInOut p {width:135px; margin:auto auto auto 15px;} #logInOut a {color:#FFF; font-weight:bold;} #logInOut ul {margin:5px 0 0 10px;} #logInOut li {display:inline; margin:0 5px 0 5px;} #logInOut p {display: inline; } /* Required for the editor in the backend. Make sure background images etc are removed in this attribute... */ #editor {margin: 0px; padding: 0px; width: 580px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;} fieldset {width: 37em; padding: 0.5em; margin: 0 auto; } fieldset label {width: 10em; display: block; float: left; clear: both; text-align: right; margin: 0 0 3px 0; padding: 0; } fieldset input.formTextBoxes, fieldset textarea, fieldset select {width: 20em; display: block; float: left; border: 1px solid #cacaca; margin: 0 0 3px 0; padding: 0; } fieldset input:focus, fieldset textarea:focus, fieldset select:focus {background-color: #FDFFF1; } span.buttons {display: block; clear: both; width: 100%; text-align: center; } span.buttons input {height: 2.2em; padding: 0px; min-width: 11em; border: 2px outset #efefef; background-color: #dfdfdf; margin: 3px; } span.textField {clear: both; display: block; } span.textField em {display: none; float: left; } fieldset .profileGroup label {width: auto; display: inline; text-align: left; clear: none; } .profileGroup {margin: 20px 0 20px 0; padding: 5px; clear: both; border: 1px dashed #cacaca; } .profileGroup .cost {clear: both; display: block; color: #3f3f3f; font-size: 80%; line-height: 1.3em; } .profileGroup .duration {display: block; color: #3f3f3f; font-size: 80%; line-height: 1.3em; } .profileGroup .description {clear: both; font-size: 90%; line-height: 1.8em; float: none !important; font-size: 100% !important; } .subLabel {display: inline!important; float: none!important;} form#profileSignupForm {float: left; padding: 5px; } form#profileSignupForm h3 {clear: both; } form#profileSignupForm span {display: block; margin: 2px; } form#profileSignupForm span.description { line-height: 1em; font-style: italic; font-size: 95%; color: #5a5a5a; float: right; } form#profileSignupForm .subItemsContainer .textField .description { display: none; } form#profileSignupForm .subItemsContainer { margin-bottom: 10px; } form#profileSignupForm .quantity { display: block; float: left; clear: none; } form#profileSignupForm .quantity input { width: 4em; display: inline; clear: none; float: none; line-height: 1em; font-size: 80%; height: auto; } #login_form, #reminder_form { display: block; border: 1px solid #cacaca; width: 400px; margin: 0 auto 0 80px; text-align: center; } #login_form p, #reminder_form p { line-height: 1.2em; } #login_form .description, #reminder_form .description { clear: both; margin: 10px 5px 0 0; padding-right: 5px; font-size: 85%; width: 100%; text-align: right; } .profileGroup fieldset { width: 85%; } .profileGroup fieldset label { clear: none; width: auto; } .info {width:340px; border: 1px solid; margin: 0 0 10px 80px; padding:15px 10px 0 50px; background:#BDE5F8 url(../images/icons/info.png) 10px center no-repeat; color: #00529B;} textarea { width: 20em; height: 7em; display: block; float: left; } /* SEARCH ICONS */ #dbSearchResults {clear:both;} #dbSearchRaceCourses {clear:both;} #dbSearchResults dl {clear:both; margin:10px 0;} #dbSearchResults dt {clear:left; float:left;width:140px; margin-left:30px;} #dbSearchResults dd {float:left; width:400px;} .dbSearchResults dl {clear:both; margin:10px 0;} .dbSearchResults dt {clear:left; float:left;width:140px; margin-left:30px;font-weight:bold;} .dbSearchResults dd {float:left; width:400px;} .dbSearchResult {padding:10px 0; clear:both; border-top:1px solid #cacaca;} #dbSearchAirports .dbSearchResult {background:url(../images/icons/search/plane.jpg) 0 22px no-repeat; } #dbSearchMealStops .dbSearchResult {background:url(../images/icons/search/burger.jpg) 0 22px no-repeat; } #dbSearchTheatres .dbSearchResult {background:url(../images/icons/search/theatre.jpg) 0 22px no-repeat; } #dbSearchFerries .dbSearchResult {background:url(../images/icons/search/ship.jpg) 0 22px no-repeat; } #dbSearchMotorwayServices .dbSearchResult {background:url(../images/icons/search/motorwayservices.jpg) 0 22px no-repeat; } #dbSearchRaceCourses .dbSearchResults {background:url(../images/icons/search/horse.jpg) 0 22px no-repeat; padding:10px 0; } .dbSearchResults .singleResult dl dt, .dbSearchResults .singleResult dl dd { margin-top: 15px; border-top: 1px solid #cacaca; } a#profileEditLink { display: block; float: right; width: 14em; border: 2px dashed #F3F3AB; padding-left: 20px; background: #FBFBD1 url(/_includes/images/icons/post_edit.gif) no-repeat scroll center left; } #latestStoriesContainer { margin: 15px 0 0 30px; padding: 5px; width: 240px; float: left; border: 1px solid #d0d0d0; } #latestStoriesContainer h2 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; color: #505050; text-align: left; position: relative; top: -20px; } #content ul#latestStories { margin: -10px 0 0 0; padding: 0; } #latestStories, #latestStories li { list-style-type: none; margin: 0; padding: 0; } #latestStories li { margin-bottom: 20px; } #latestStories li p { margin: 0; } #latestStories li .date{ float: right;} #latestStories li span a { display: inline; width: auto; font-weight: normal; } #latestStories li a { display: block; width: 100%; font-weight: bold; } #latestStories li .footer-bar { display: block; width: 100%; background-color: #fafafa; font-size: 90%; color: #505050; }