/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet New Line Learning Federation site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) center top no-repeat; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:855px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { position: relative; height: 144px; background: url(../images/layup/headerBg.jpg) no-repeat; } #header #headerOptions { height: 34px; float: right; width: 855px; } #header #headerOptions a { color: #FFF; text-decoration: none; } #header #headerOptions div a { float: right; padding: 5px 10px 5px 15px; } #header #headerOptions #backToHome a { background: url(../images/layup/iconHome.gif) no-repeat left; display: block; float: left !important; } #header #headerOptions #textOnly a { background: url(../images/layup/iconText.gif) no-repeat left; display: block; } #header #headerOptions #print a { background: url(../images/layup/iconPrint.gif) no-repeat left; display: block; } #header #headerOptions #sitemap a { background: url(../images/layup/iconSitemap.gif) no-repeat left; display: block; } #header #headerOptions #webmail a { background: url(../images/layup/iconWebmail.gif) no-repeat left; display: block; padding-left: 20px; } #header #headerOptions #sharepoint a { background: url(../images/layup/iconSharepoint.gif) no-repeat left; display: block; padding-left: 15px; } #header #search { position: absolute; top: 52px; right: 0px; width: 190px; } #header #search #textSize { width: 96px; float: right; padding-bottom: 16px; } #header #search #textSize img { float: left; } #header #search #searchBox { background: url(../images/layup/searchBoxBg.gif) no-repeat; width: 190px; height: 34px; } #homeJumps { position: relative; float: left; width: 855px; } #homeJumps #rulerPencil { position: absolute; top: 207px; left: 356px; display: block; } #homeJumps #nllAcademyJump a { float: left; width: 410px; height: 335px; background:url(../images/layup/jumpNLLAcademy.jpg) 0px -335px no-repeat; display: block; cursor: pointer; } #homeJumps #cornwallisJump a { float: left; width: 445px; height: 335px; background:url(../images/layup/jumpCornwallis.jpg) 0px -335px no-repeat; display: block; cursor: pointer; } #homeJumps #nllAcademyJump a:hover { background:url(../images/layup/jumpNLLAcademy.jpg) no-repeat; } #homeJumps #cornwallisJump a:hover { background:url(../images/layup/jumpCornwallis.jpg) no-repeat; } #homeJumps #federationNews a { display: block; width: 420px; height: 266px; float: left; background: url(../images/layup/fedNewsBg.gif) no-repeat; font-weight: normal; text-decoration: none; position: relative; cursor: pointer; } #homeJumps #federationNews a span.jumpImg { position: absolute; top: 85px; left: 11px; } #homeJumps #federationNews a span.jumpText { width: 175px; position: absolute; top: 75px; left: 192px; } #homeJumps #federationNews a span.jumpText span.jumpHeading { color: #93c652; font-weight: bold; font-size: 12px; display: block; padding-bottom: 3px; } #homeJumps #meetTheTeam a { display: block; width: 420px; margin-left: 15px; height: 266px; float: left; background: url(../images/layup/meetTheTeamBg.gif) no-repeat; font-weight: normal; text-decoration: none; position: relative; cursor: pointer; } #homeJumps #meetTheTeam a span.jumpImg { position: absolute; top: 85px; left: 11px; } #homeJumps #meetTheTeam a span.jumpText { width: 175px; position: absolute; top: 75px; left: 192px; } #homeJumps #meetTheTeam a span.jumpText span.jumpHeading { color: #f5aa3c; font-weight: bold; font-size: 12px; display: block; padding-bottom: 3px; } #careers { clear: left; float: right; width: 218px; } #careers a { display: block; width: 208px; height: 266px; float: right; background: url(../images/layup/careersBg.gif) no-repeat; font-weight: normal; text-decoration: none; cursor: pointer; } #careers a span.jumpText { display: block; padding: 80px 30px 0px 27px; } #linkExtendedServices { width: 218px; clear: right; } #homeText .padding { padding: 15px 0px 20px 17px; } #homeContent { padding: 10px 10px 10px 13px; margin-bottom: 10px; } #homeText #extendedServices { display: block; float: right; width: 208px; height: 255px; background: url(../images/layup/extendedServicesBg.gif) no-repeat; margin-left: 10px; } #homeText #extendedServices .padding { display: block; padding: 70px 5px 0px 10px; } #homeText #linkExtendedServices { text-decoration: none; font-weight: normal; cursor: pointer; float: right; } #internalContent { background: url(../images/layup/internalBg.gif) no-repeat; } #internalContent .internalPadding { background: url(../images/layup/internalPaddingBg.gif) repeat-y; margin: 25px 0px 15px 0px; float: left; } #internalContent #leftCol { float: left; width: 191px; } #internalContent #leftCol .padding { padding: 0px 10px 0px 0px; } #internalContent #leftCol .box { padding: 0px 0px 20px 0px; } #internalContent #leftCol .box a { text-decoration: none; font-weight: normal; } #internalContent #leftCol .box a .boxContent { display: block; padding: 10px 10px 0px 13px; } #internalContent #rightCol { float: left; width: 664px; } #internalContent #rightCol .padding { padding: 0px 0px 0px 18px; } #internalContent #rightCol #internalImage { float: right; width: 279px; } #internalContent #rightCol .cmsImage img, .imgBorder { border: 8px solid #d6ecfb; } #internalContent #rightCol #internalImage ul { list-style: none; padding: 0px; margin: 2px 0px 0px 0px; } #internalContent #rightCol #internalImage ul li { width: 279px; float: left; border-bottom: 2px solid #FFF; } #internalContent #rightCol #internalImage ul li a { display: block; background: #f6f6f6; text-decoration: none; padding: 10px 20px 10px 0px; margin: 0px 0px 0px 75px; } #internalContent #rightCol #internalImage ul li.iconPDF { background: #f6f6f6 url(../images/layup/iconPDF.jpg) 20px 8px no-repeat; } #internalContent #rightCol #internalImage ul li.iconDOC { background: #f6f6f6 url(../images/layup/iconDOC.jpg) 20px 8px no-repeat; } #internalContent #rightCol #homeJumpsFranchise { } #internalContent #rightCol #homeJumpsFranchise a { text-decoration: none; font-size: 12px; cursor: pointer; } #internalContent #rightCol #homeJumpsFranchise .homeJump { float: left; height: 316px; position: relative; } #internalContent #rightCol #homeJumpsFranchise .homeJumpSmall { position: relative; } #internalContent #rightCol #homeJumpsFranchise #homeEvents { width: 203px; background: url(../images/layup/jumpEventsBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeGallery { width: 205px; background: url(../images/layup/jumpGalleryBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads { width: 220px; background: url(../images/layup/jumpDownloadsBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsImage { position: absolute; top: 130px; left: 19px; } #internalContent #rightCol #homeJumpsFranchise #homeGallery .cmsImage { position: absolute; top: 130px; left: 24px; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent { display: block; padding: 120px 0px 0px 20px; color: #94c651; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent table { color: #000000; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent .eventDate { color: #94c651; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent table .altRow { background: #eef6e3; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent table td { padding: 3px 4px 3px 4px; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent .eventsTitle { display: block; padding: 4px; font-weight: bold; } #internalContent #rightCol #homeJumpsFranchise #homeEvents .cmsContent a { color: #94c651; } #internalContent #rightCol #homeJumpsFranchise #homeGallery .cmsContent { display: block; padding: 270px 0px 0px 25px; color: #f29e1e; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul { display: block; list-style: none; padding: 120px 0px 0px 6px; margin: 0px; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li { width: 195px; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li.altRow { background: #f0f0f0; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a { display: block; padding: 5px 0px 5px 45px; color: #343434; font-size: 11px; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a.iconPDF { background: url(../images/layup/iconPDF.gif) 15px 5px no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a.iconDOC { background: url(../images/layup/iconDOC.gif) 15px 5px no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a.iconGreyDOC { background: url(../images/layup/iconGreyDOC.gif) 15px 5px no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a.iconXLS { background: url(../images/layup/iconXLS.gif) 15px 5px no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads ul li a.iconGreyXLS { background: url(../images/layup/iconGreyXLS.gif) 15px 5px no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads .requiredPlugins { display: block; padding: 0px 10px 10px 20px; } #internalContent #rightCol #homeJumpsFranchise #homeDownloads .requiredPlugins img { float: left; } #internalContent #rightCol #homeJumpsFranchise #homeParents { width: 150px; background: url(../images/layup/jumpParentsBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeStudents { width: 157px; background: url(../images/layup/jumpStudentsBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeStaff { width: 205px; background: url(../images/layup/jumpStaffBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeTools { width: 148px; background: url(../images/layup/jumpToolsBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise ul.homeList { list-style: none; padding: 45px 0px 0px 8px; margin: 0px; } #internalContent #rightCol #homeJumpsFranchise ul.homeList li { background: url(../images/layup/liArrow.gif) 0px 6px no-repeat; padding: 0px 0px 0px 13px; } #internalContent #rightCol #homeJumpsFranchise ul.homeList li a { text-decoration: none; font-weight: normal; } #internalContent #rightCol #contactBox { background: #f4f2fc; float: left; width: 645px; margin-bottom: 10px; } #internalContent #rightCol #contactBox #boxContent { padding: 10px; } #internalContent #rightCol #boxHeading, #internalContent #rightCol .boxHeading { padding: 8px 12px 8px 12px; font-weight: bold; color: #FFF; font-size: 12px; } #internalContent #rightCol #homeJumpsFranchise #homeScienceBusiness { width: 205px; background: url(../images/layup/jumpScienceBg.gif) no-repeat; } #internalContent #rightCol #homeJumpsFranchise #homeScienceBusiness .cmsImage { position: absolute; top: 130px; left: 24px; } #internalContent #rightCol #homeJumpsFranchise #homeScienceBusiness .cmsContent { display: block; padding: 270px 0px 0px 25px; color: #36bfe3; } /* ----- CLASSES ----- */ .clear { clear:both; } .clearSmall { clear:both; display: block; line-height: 0px; height: 0px; font-size: 0px; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .hand { cursor:pointer;} .title { padding: 0px 0px 15px 0px; } .sectionColour, .sectionColour a { color: #1ea3ff; } .sectionBg { background: #1ea3ff; } .boldLink { font-weight: bold; font-size: 12px; } .borderWhite { border: 4px solid #FFF; } .borderGrey { border: 5px solid #1ea3ff; margin: 13px 0px 0px; } .noBorder { border: none !important; } /* ----- LISTS ----- */ #internalList { padding-top: 5px; } #internalList .listItem { display: block; float: left; margin-right: 39px; } #internalList .listItem a { text-decoration: none; } #internalList .listItem .listImage {} #internalList .listItem .listHeading { display: block; padding: 5px 0px 15px 0px; text-align: center; } #eventsList .listType1 { height: 175px; } #eventsList .listType1 a { text-decoration: none; font-weight: normal; cursor: pointer; } #eventsList .listType1 .itemImage { float: left; width: 160px; height: 120px; display: block; background: url(../images/layup/noImage160x120.jpg) no-repeat; } #eventsList .listType1 .borderGrey { margin: 0px; } #eventsList .listType1 .itemDetails { float: left; width: 475px; height: 130px; background: #f8f6f2; } #eventsList .listType1 .itemDetails .itemHeading { display: block; background: #1ea3ff; color: #FFF; padding: 8px 15px 8px 15px; font-weight: bold; } #eventsList .listType1 .itemDetails .itemInfo { display: block; padding: 5px 15px 0px 15px; } #eventsList .listType1 .itemReadMore { display: block; clear: both; color: #1ea3ff; font-weight: bold; padding: 0px 1px 0px 0px; margin-top: 1px; } #eventsList .listType1 .itemReadMore .padding { padding: 4px 10px 4px 10px !important; background: #f8f6f2; display: block; } #eventsList .listType2 { height: 205px; } #eventsList .listType2 { float: left; width: 316px; padding-right: 7px; } #eventsList .listType2 a { text-decoration: none; font-weight: normal; cursor: pointer; } #eventsList .listType2 .itemImage { float: left; width: 160px; height: 120px; display: block; background: url(../images/layup/noImage160x120.jpg) no-repeat; } #eventsList .listType2 .borderGrey { margin: 0px; border-top: none; } #eventsList .listType2 .itemHeading { display: block; background: #1ea3ff; color: #FFF; padding: 8px 15px 8px 15px; font-weight: bold; } #eventsList .listType2 .itemDetails { float: left; width: 146px; height: 125px; background: #f8f6f2; } #eventsList .listType2 .itemDetails .itemInfo { display: block; padding: 10px 15px 0px 15px; } #eventsList .listType2 .itemReadMore { display: block; clear: both; color: #1ea3ff; background: #f8f6f2; font-weight: bold; padding: 4px 10px 4px 10px; margin-top: 1px; } #eventsList .listType2 .itemReadMore .padding { padding: 0px 0px 0px 0px !important; display: block; } #eventsList .listType3 { float: left; width: 210px; padding-right: 5px; height: 180px; } #eventsList .listType3 a { text-decoration: none; font-weight: normal; cursor: pointer; } #eventsList .listType3 .itemImage { float: left; width: 176px; height: 132px; display: block; background: url(../images/layup/noImage160x120.jpg) no-repeat; } #eventsList .listType3 .borderGrey { margin: 0px; border-top: none; } #eventsList .listType3 .itemHeading { display: block; background: #1ea3ff; color: #FFF; padding: 8px 15px 8px 15px; font-weight: bold; } #eventsList .listType3 .itemDetails { float: left; width: 210px; height: 105px; background: #f8f6f2; } #eventsList .listType3 .itemDetails .itemInfo { display: block; padding: 10px 15px 0px 15px; } #eventsList .listType3 .itemReadMore { display: block; clear: both; color: #1ea3ff; background: #f8f6f2; font-weight: bold; padding: 4px 10px 4px 10px; margin-top: 1px; } #eventsList .listType3 .itemReadMore .padding { padding: 0px 0px 0px 0px !important; display: block; } #eventsList .listType4 { } #eventsList .listType4 a { text-decoration: none; font-weight: normal; cursor: pointer; } #eventsList .listType4 .itemDetails { float: left; width: 645px; padding-bottom:10px; background: #f8f6f2; margin-bottom:10px; } #eventsList .listType4 .itemDetails .itemHeading { display: block; color: #83b126; padding: 8px 15px 8px 15px; font-weight: bold; } #eventsList .listType4 .itemDetails .itemInfo { display: block; padding: 5px 15px 0px 15px; } #eventsList .listType4 .itemReadMore { display: block; clear: both; color: #1ea3ff; font-weight: bold; padding: 0px 1px 0px 0px; margin-top: 1px; } #eventsList .listType4 .itemReadMore .padding { padding: 4px 10px 4px 10px !important; background: #f8f6f2; display: block; } #eventsList .listType5 { height: 175px; } #eventsList .listType5 a { text-decoration: none; font-weight: normal; cursor: pointer; } #eventsList .listType5 .itemImage { float: left; width: 274px; height: 91px; display: block; background: url(../images/layup/noImage274x91.gif) no-repeat; } #eventsList .listType5 .borderGrey { margin: 0px; border-top:none; } #eventsList .listType5 .itemHeading { display: block; background: #1ea3ff; color: #FFF; padding: 8px 15px 8px 15px; font-weight: bold; } #eventsList .listType5 .itemInfo { display: block; padding: 5px 10px 0px 10px; width:342px; float:right; background:#f9f5f2; height:92px; } #eventsList .listType5 .itemReadMore { display: block; clear: both; color: #1ea3ff; font-weight: bold; padding: 0px 1px 0px 0px; margin-top: 1px; } #eventsList .listType5 .itemReadMore .padding { padding: 4px 10px 4px 10px !important; background: #f8f6f2; display: block; } #cmsBanner { width:646px; height:214px; margin-bottom:20px; } #eventsList.calendarList .listType1 .itemDetails .itemHeading { background: none; color: #1ea3ff; padding: 8px 15px 0px 15px; } #eventsList .listType1 { /*height: 140px;*/ border-bottom: 1px solid #eff0f0; margin-bottom: 10px; } #galleryList { padding: 0px 0px 0px 40px; } #galleryList .galleryItem { display: block; float: left; width: 190px; height: 150px; } #galleryList .galleryItem a {} #calendarOptions { background: #1ea3ff; margin-bottom: 10px; line-height: normal; } #calendarOptions, #calendarOptions a { color: #FFFFFF; font-weight: bold; text-decoration: none; } #calendarOptions #currentMonth { text-align: center; padding: 12px 12px 12px 12px; } #calendarOptions img { display: inline; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { font-size: 16px; border-bottom: 1px solid #e7e7e7; padding: 0px 0px 5px 18px; margin: 0px 0px 10px -18px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height: 36px; } #primaryNav ul { list-style: none; margin: 0; padding: 0; height: 36px; background: url(../images/layup/primaryNavBg.gif) repeat-x; } #primaryNav li { float: left; margin-right: 2px; } #primaryNav li a { display: block; color: #FFF; text-decoration: none; float: left; font-size: 12px; background: url(../images/layup/navNonActiveLeft.gif) left no-repeat; padding: 0px 0px 0px 27px; } #primaryNav li a span { display: block; background: url(../images/layup/navNonActiveRight.gif) right no-repeat; padding: 4px 26px 4px 0px; } #primaryNav li.lastItem { margin-right: 0px; } #primaryNav li.lastItem a { padding: 0px 0px 0px 22px; } #primaryNav li.lastItem a span { padding: 4px 21px 4px 0px; } #primaryNav li a:hover, #primaryNav li a.active { background: url(../images/layup/navActiveLeft.gif) left no-repeat; } #primaryNav li a:hover span, #primaryNav li a.active span { background: url(../images/layup/navActiveRight.gif) right no-repeat; } /*SAFARI HACK*/ /*VISIT: http://www.stormdetector.com/hacks/safarihack.html*/ /*PADDING 1 - SAFARI*/ /*PADDING 2 - IE7*/ /*PADDING 3 - IE6*/ /*\*/ html*#primaryNav li.lastItem a { [color:white; padding:0px 0px 0px 15px; ]padding: 0px 0px 0px 18px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav li.lastItem a { padding: 0px 0px 0px 18px; } /*end*/ /*\*/ html*#primaryNav li.lastItem a span { [color:white; padding:4px 14px 4px 0px; ]padding: 4px 21px 4px 0px; }/*end*/ .dummyend[id]{clear:both;} /*\*/ * html #primaryNav li.lastItem a span { padding: 4px 21px 4px 0px; } /*end*/ /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { padding: 6px 0px 0px 0px; } #secondaryNav ul { list-style: none; margin: 0; padding: 0; text-align: right; } #secondaryNav li { float: left; } #secondaryNav li a { text-decoration: none; display: block; color: #FFF; padding: 8px 11px 7px 0px; width: 169px; border-bottom: 1px solid #FFF; background: #a7afba; float: left; } #secondaryNav li a.active, #secondaryNav li a:hover { background: #1ea3ff url(../images/layup/secondaryNavActive.gif) no-repeat; } #secondaryNav .heading { font-weight: bold; text-align: right; padding: 0px 0px 5px 0px; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height: 33px; border-bottom: 1px solid #e5e6e7; } #breadcrumbs .padding { padding: 7px 0px 0px 2px; } #breadcrumbs a, #breadcrumbs span { font-weight: normal; text-decoration: none; } #breadcrumbs .breadcrumbsLabel { color: #000; } #pagination { float: right; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } #pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .pagination { height: 25px; } .pagination ul { height: 25px; list-style: none; padding: 0px; margin: 0px; float: right; } .pagination ul li { float: left; padding: 0px 2px 0px 2px; } .pagination ul li a { text-decoration: none; } /* ----- FOOTER ----- */ #footer { border-top: 1px solid #e5e5e5; color: #666666; } #footer .padding { padding: 10px 17px 0px 17px; } #footer a { font-weight:normal; text-decoration:none; color: #666666;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important; } #frmContact input, #frmContact textarea { background: #b9b9b9; } #frmContact select { background: #b9b9b9; } .requiredLabel { color:#1ea3ff;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px; padding: 10px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width:59px; height:27px; border:none;} #btnSearch { width: 49px; height: 22px; float: right; padding-right: 5px; margin-top: 6px; } #searchField { width: 120px; float: left; margin-left: 6px; margin-top: 6px; padding-top: 2px; font-weight: bold; color: #727272; } #frmContact #submit { width: 59px; height: 27px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #1ea3ff; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- Home Page - 30/11/2010 ----- */ #topBanner { width:856px; height:283px; margin:15px 0 12px 0; } #homeJumps a#learning { display:block; float:left; } #homeJumps a#cornwallis { display:block; float:right; } #homePageRight { width:420px; float:right; margin:0 0 20px 15px; } #homePageRight #federationNews a { display: block; width: 420px; height: 266px; float: left; background: url(../images/layup/newsBg.gif) no-repeat; font-weight: normal; text-decoration: none; position: relative; cursor: pointer; margin:0 0 4px 0; } #homePageRight #federationNews a span.jumpImg { position: absolute; top: 118px; left: 10px; width:190px; height:63px; } #homePageRight #federationNews a span.jumpText { width: 175px; position: absolute; top: 108px; left: 226px; height:83px; overflow:hidden; } #homePageRight #federationNews a span.jumpHeading { position:absolute; top:77px; left:0px; color: #93c652; font-weight: bold; font-size: 16px; display: block; padding-bottom: 3px; } #homePageRight #careers { float: left; width: 212px; } #homePageRight #careers a { display: block; width: 212px; height: 266px; float: right; background: url(../images/layup/careersBg.gif) no-repeat; font-weight: normal; text-decoration: none; cursor: pointer; } #homePageRight #careers a span.jumpText { display: block; padding: 80px 30px 0px 27px; } #homePageRight #extendedServices { display: block; float: right; width: 205px; height: 255px; background: url(../images/layup/extendedServicesBgNew.gif) no-repeat; margin-left: 0px; } #homePageRight #extendedServices .padding { display: block; padding: 70px 5px 0px 10px; } #homePageRight #linkExtendedServices { text-decoration: none; font-weight: normal; cursor: pointer; float: right; margin:10px 0 0; width:208px; } #homeJumps { margin:0 0 30px; } #homeText .paddingTop { padding:20px 0 0 0; } #header #search #textSize { float:left !important; padding:9px 0 0 0; } #header #search #twitterLogo { float:right; } #header #search { top: 43px; } #header #search #searchBox { margin-top:15px; } #header { height: 149px; } /* ----- Contact Us - 30/11/2010 ----- */ #mapCornwallis { float:left; width:300px; height:203px; border:4px solid #FFF; } #mapNewLine { float:right; width:300px; height:203px; border:4px solid #FFF; } /* ----- Internal - 30/11/2010 ----- */ #secondaryNav .subNav li a { background:none; color:#808080; padding:4px 11px 3px 0; } #secondaryNav .subNav li a:hover, #secondaryNav .subNav li a.active { color:#636363; }