/* CSS Document */ /*Import Other CSS Files ----------------------------------------------- */ @import "ie6.css"; @import "text_styles.css"; html {background-color:#212121; background-image:url(/global_images/footer/html-bkgd.jpg); background-repeat:repeat-x; background-position:left bottom; background-attachment:fixed;} body {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin:0px auto; padding:0px;} #sitesurroundings {height:100%; margin:0px auto; min-height:100%; padding:0px; width:100%; } /* Global Styles ----------------------------------------------- */ img {border:0px;} ul {list-style:none;} .zero {margin:0px; padding:0px;} .clear {clear:both} .clearBoth {clear:both; font-size:1px; line-height:1px; height:1px; overflow:hidden;} .normalText {font-size:0.8em; line-height:1.4em;} .mediumText {font-size:0.9em; line-height:1.35em;} .smallText {font-size:0.65em; line-height:1.35em;} .largeText {font-size:1em; line-height:1.35em;} /* Header ----------------------------------------------- */ #headerWrapper {margin:0px; padding:0px; width:100%; color:#777777;} #header {margin:0px auto; padding:0px 15px 0px 15px; width:950px;} img.AbColLogo {float:left; margin:20px 0px 0px 0px; padding:0px 0px 9px 0px; width:243px;} .headerLinks {float:right; margin:6px 0px 0px 0px; padding:0px; text-align:right; width:692px;} .headerLinks li {margin:0px 0px 1px 0px; padding:0px;} .headerLinks li.searchForm {margin:22px 0px 0px 0px; padding:0px 0px 0px 0px;} #search {margin:0px 0px 0px 0px; padding:0px; width:192px; float:right;} #searchInput {border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:0px; width:167px; margin:0px; padding:2px 0px 2px 6px; font-size:13px;color:#777777; float:left; text-align:left;} #searchBtn {margin:0px; padding:5px 6px 4px 0px; width:11px; height:11px; float:right; border-left:0px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; background-color:#FFFFFF;} .ms-MenuUIPopupBody{z-index:5001;} /* Navigation ----------------------------------------------- */ #navigation {clear:both; margin:0px auto; padding:0px; width:980px;} #topLevelNav {width:792px; margin:0px auto; padding:0px 94px 0px 94px; color:#FFFFFF; z-index:1; position:relative; background-color:#212121;background-image:url(/global_images/header/header-bkgd.jpg); background-repeat:no-repeat; background-position:center top; height:38px;} #topLevelNav li {float:left; text-align:center; margin:8px 0px 0px 0px; padding:0px; background-color:#212121;} #topLevelNav li.about-mi {background-image:url(../global_images/header/menu/01.jpg); background-repeat:no-repeat; background-position:center top; width:177px; height:30px;} #topLevelNav li.help-mi {background-image:url(../global_images/header/menu/02.jpg); background-repeat:no-repeat; background-position:center top; width:122px; height:30px;} #topLevelNav li.city-mi {background-image:url(../global_images/header/menu/03.jpg); background-repeat:no-repeat; background-position:center top; width:146px; height:30px;} #topLevelNav li.all-me-mi {background-image:url(../global_images/header/menu/04.jpg); background-repeat:no-repeat; background-position:center top; width:176px; height:30px;} #topLevelNav li.useful-mi {background-image:url(../global_images/header/menu/05.jpg); background-repeat:no-repeat; background-position:center top; width:171px; height:30px;} #topLevelNav li.about-mi:hover, #topLevelNav li.help-mi:hover, #topLevelNav li.city-mi:hover, #topLevelNav li.all-me-mi:hover, #topLevelNav li.useful-mi:hover {background-position:center bottom;} #topLevelNav li:hover div.subNavWrapper, #topLevelNav li.over div.subNavWrapper {display:block;} #topLevelNav li div.subNavWrapper {display:none; position:absolute; top:38px; left:0px; padding:0px; width:918px; background-image:url(../global_images/header/menu/tile.png); background-repeat:repeat-y; background-position:center top;} #topLevelNav li div.subNav {width:895px; margin:0px auto; padding:0px 0px 0px 15px; background-image:url(../global_images/header/menu/top.jpg); background-repeat:repeat-x; background-position:center top; min-height:10px; height:auto;} #topLevelNav li p.menuArrow01 {margin:0px; padding:0px 0px 14px 127px; text-align:left;} #topLevelNav li p.menuArrow02 {margin:0px; padding:0px 0px 14px 276px; text-align:left;} #topLevelNav li p.menuArrow03 {margin:0px; padding:0px 0px 14px 410px; text-align:left;} #topLevelNav li p.menuArrow04 {margin:0px; padding:0px 0px 14px 571px; text-align:left;} #topLevelNav li p.menuArrow05 {margin:0px; padding:0px 0px 14px 744px; text-align:left;} #topLevelNav li p.menuBorderRowCover, .pageNavigation p.menuBorderRowCover {background-color:#FFFFFF; height:15px; width:895px; margin:0px auto; padding:0px; clear:both;} #topLevelNav li p.menuBorderCover {background-color:#FFFFFF; height:21px; width:910px; margin:0px auto; padding:0px; clear:both;} #topLevelNav li p.menuBorderBot {background-color:#212121; height:2px; width:910px; margin:0px auto; padding:0px; clear:both;} #topLevelNav li.about-mi div.subNavWrapper {left:31px;} #topLevelNav li.help-mi div.subNavWrapper {left:31px;} #topLevelNav li.city-mi div.subNavWrapper {left:31px;} #topLevelNav li.all-me-mi div.subNavWrapper {left:31px;} #topLevelNav li.useful-mi div.subNavWrapper {left:31px;} #topLevelNav li div.subNavWrapper ul {width:198px; float:left; margin:0px 25px 0px 0px; padding:0px;} #topLevelNav li div.subNavWrapper ul li {margin:0px; padding:0px; text-align:left; background:none; float:none;} #topLevelNav li div.subNavWrapper ul li.sectionTitle {font-size:0.9em; line-height:1.35em; font-weight:bold; color:#212121; padding-top:1px; } /* page naviagtion and for ie6 */ .pageNavigationWrapper {width:946px; margin:0px; padding:10px 15px 16px 15px; background-color:#FFFFFF; border:2px solid #ebebeb;} .pageNavigation {margin:0px; padding:0px; background-image:url(/global_images/content/pageNav.gif); background-repeat:repeat-y; background-position:center top; height:100%;} .pageNavigation ul {margin:0px 15px 0px 0px; padding:0px 15px 0px 0px; width:162px; display:block; float:left;} .pageNavigation ul.sectionNoBorder {margin:0px 0px 0px 0px; padding:0px 15px 0px 0px; width:162px; display:block; float:left;} .pageNavigation ul li {margin:0px; padding:0px;} .pageNavigation ul.noMarginRight {margin:0px;} .pageNavigation ul li.sectionTitle {font-size:0.9em; line-height:1.35em; font-weight:bold; color:#212121;} /* Image Area ----------------------------------------------- */ #imgAreaWrapper {margin:0px; padding:0px; background-image:url(/global_images/img-area/imgArea-bkgd.jpg); background-repeat:repeat-x; background-position:center top; clear:both; background-color:#f3f3f3; height:200px;} .imgHomeLink {margin:65px 0px 0px 50px; padding:0px; float:left;} .imgStudentNetSurveyLink, .imgPasswordProblemsLink {margin:0px 10px 0px 0px; padding:0px; float:right;} /* StudentNet Survey */ #imgArea {width:980px; margin:0px auto; padding:0px; height:200px; background-image:url(/content/images/1.jpg); background-repeat:no-repeat; background-position:center top; background-color:#f3f3f3; } /*#imgArea a:hover img.imgStudentNetSurveyLink {background-image:url(/content/images/think-about-studentnet-over.jpg); background-repeat:no-repeat; background-position:center top;} */ */ /* Password Problems #imgArea {width:980px; margin:0px auto; padding:0px; height:200px; background-image:url(/content/images/first-impressions.jpg); background-repeat:no-repeat; background-position:center top; background-color:#f3f3f3; } #imgArea a:hover img.imgStudentNetSurveyLink{background-image:url(/content/images/first-impressions-over.jpg); background-repeat:no-repeat; background-position:center top;}*/ /* Page Content ----------------------------------------------- */ #contentWrapper {width:100%; margin:0px auto; padding:0px; background-image:url(../global_images/content/pageContent-bkgd.jpg); background-repeat:no-repeat; background-position:center top; min-height:10px; height:auto;} #content {width:980px; margin:0px auto; padding:25px 0px 20px 0px; color:#7a7a7a;} #leftCol {float:left; background-color:#FFFFFF; border:2px solid #ebebeb; margin:0px 20px 20px 0px; padding:0px;} #leftCol tr td {padding:10px 15px 15px 15px;} #pageContent {float:left; background-color:#FFFFFF; border:2px solid #ebebeb; margin:0px 0px 20px 0px; padding:0px;} #pageContent tr td {padding:10px 15px 10px 15px;} #rightCol {float:right; background-color:#FFFFFF;border:2px solid #ebebeb;margin:0px 0px 20px 0px; padding:0px;} #rightCol tr td {padding:10px 10px 10px 10px;} #rightCol2 {float:right; background-color:#FFFFFF; padding:0px 0px 20px 0px;margin:0;} #rightCol2 tr td.rightCol3 {padding:10px 10px 10px 10px;border:2px solid #ebebeb;} h1 {margin:0px auto; padding:5px 15px 5px 15px; background-color:#212121; color:#FFFFFF; font-weight:bold; width:950px;} h1 span.color {font-style:italic;} .breadcrumbArrow {background-image:url(../global_images/content/breadcrumb-arrow.jpg); background-repeat:no-repeat; background-position:center; width:9px; height:10px; margin:0px 0px 0px 0px; padding:0px 9px 0px 9px;} h2 {font-size:1em; line-height:1.35em; font-weight:bold; font-style:italic; color:#212121; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px;} #leftCol h2 {font-size:1em; line-height:1.35em; font-weight:bold; font-style:italic; color:#212121; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px;} h3 {font-size:0.9em; line-height:1.35em; font-weight:bold; color:#7a7a7a; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; background-image:url(../global_images/content/next-arrow.jpg); background-repeat:no-repeat; background-position:left center; text-transform:capitalize;} h4 {font-size:0.9em; line-height:1.45em; font-weight:bold; color:#212121; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; background-image:url(../global_images/content/next-arrow.jpg); background-repeat:no-repeat; background-position:left center; text-transform:capitalize;} h5 {font-size:0.9em; line-height:1.35em; font-weight:bold; color:#212121; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;} h6 {font-size:0.9em; line-height:1.45em; font-weight:bold; color:#212121; margin:0px; padding:0px;} h6.weatherTitle {color:#212121; margin:-2px 0px 2px 0px; padding:0px;} p {font-size:0.8em; line-height:1.4em; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px;} #pageContent ul {line-height:1.4em; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px;} #pageContent ul li {background-image:url(/studnet/global_images/content/bullets.jpg); background-repeat:no-repeat; background-position:0px 4px; padding-left:15px;} #pageContent ul li.noBullets {background-image:none; padding-left:0px;} #pageContent ul li a{line-height:2em;} ul.smallTextPara {font-size:0.65em; line-height:1.35em; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px;} .centreTitle {margin:0px 0px 7px 0px; padding:0px; font-size:0.9em; line-height:1.25em;} .centreTitle li {margin:0px; padding:0px; display:inline;} .centreTitle li.centreTitleText {margin-right:2px; font-weight:bold; color:#212121;} .arrowImg {background-color:#07ceb4;} /*#pageContent img {border:1px solid #ebebeb; margin:0px; padding:7px;}*/ #pageContent img.imgCaption {border:0px; padding:7px;} .doubleImgCaption {margin:0px; padding:5px 0px 0px 0px; border-bottom:10px solid #FFFFFF;} .doubleImgCaption ul {margin:0px 0px 10px 0px; padding:0px; border:1px solid #ebebeb; width:265px;} .doubleImgCaption ul.imgCaptionLeft {float:left;} .doubleImgCaption ul.imgCaptionRight {float:right;} .doubleImgCaption ul li {margin:0px; padding:0px; list-style-type:none;} .doubleImgCaption ul li.smallText {margin:-3px 7px 6px 7px; padding:0px; list-style-type:none; line-height:0.8em;} #iPodCompSurvey {margin:10px 0px 10px 0px; padding:15px 0px 11px 0px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .iPodCompGraphic {margin:0px; padding:0px; width:140px;} td#voiceFM{background:transparent url('/content/images/voiceFM/bkgd2.jpg') no-repeat; background-position:0px 0px; overflow:visible} td#voiceFM a img{background:transparent url('/content/images/voiceFM/logo.gif') no-repeat;width:113px;height:63px; margin:70px 0 0 40px;} td#voiceFM a:hover img {background-position:0px -63px;} /* Homepage ----------------------------------------------- */ /* my info */ table tr td#myInfo {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 10px 15px; margin:0px;} .profilePic {border:1px solid #ebebeb; margin:4px 0px 8px 0px; padding:0px 0px 0px 0px;} /* online resources */ table tr td#webResources {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 15px 15px; margin:0px;} table tr td#webResources h2, table tr td#whatsNew h2 {margin:0px 0px 4px 0px;} table tr td#webResources h4 {text-transform:none;} /* my calendar:this week */ table tr td#calWeek {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 10px 15px; margin:0px;} table tr td#calWeek table {border-bottom:1px solid #ebebeb; border-top:4px solid #FFFFFF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .calDate {font-size:0.65em; line-height:1em; margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; border-top:1px solid #ebebeb; vertical-align:top;} .calEntry {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:1px solid #ebebeb; vertical-align:center; color:#7a7a7a;} .calDateText {padding-bottom:3px; margin:0px; padding:0px; list-style-type:none;} .calDateText li.calDateTextDay {padding-bottom:4px;} /* did you know*/ #didYouKnow {margin:0px; padding:0px; background-image:url(../home/images/didYouKnow/bottomRow.jpg); background-repeat:no-repeat; background-position:0px 222px;} #didYouKnow table tr td table {margin:0px; padding:0px; background-image:url(../home/images/didYouKnow/bkgd-tile.jpg); background-repeat:repeat-y; background-position:left top;} #didYouKnow table tr td table tr td h2 {font-size:1em; line-height:1.35em; font-weight:bold; font-style:italic; color:#212121; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;} /* whats new */ table tr td#whatsNew {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 15px 15px; margin:0px;} /* most popular */ table tr td#mostPopular {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 15px 15px; margin:0px;} /* spotlight */ table tr td#spotlight {background-color:#dcdddd; vertical-align:top; padding:0px; margin:0px; background-image:url(/content/images/spotlight/laptopCharge-bkgd.gif); background-repeat:repeat-y; background-position:left center; vertical-align:middle;} table tr td#spotlight img {margin:0px 0px 0px 0px; padding:0px; width:380px; height:171px; background-image:url(/content/home/images/spotlight/laptopCharge.gif); background-repeat:no-repeat; background-position:center; } table tr td#advertising {background-color:#f5f5f5; vertical-align:top; padding:0px; margin:0px; vertical-align:top;} #cmap {display:block; width:380px; height:168px; position:relative; overflow:hidden; background-image:url(/content/images/spotlight/homepage-advertising.gif); background-repeat:no-repeat; background-position:0px 0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} * html #cmap {width:380px; height:168px; w\idth:380px; he\ight:168px;} #cmap a {color:#000; text-decoration:none;} #AltensMaintenance-link {display:block; width:252px; height:91px; position:absolute; left:0px; top:0px;} #Induction-link {display:block; width:136px; height:36px; position:absolute; left:152px; top:0px;} #PasswordPlus-link {display:block; width:126px; height:32px; position:absolute; left:254px; top:38px;} #MusicPerformingArts-link {display:block; width:219px; height:66px; position:absolute; left:161px; top:100px;} #Blackboard-link {display:block; width:149px; height:34px; position:absolute; left:121px; top:93px;} #Mix2-link {display:block; width:119px; height:68px; position:absolute; left:0px; top:93px;} #cmap dt {display:block; width:150px; height:45px; position:absolute; padding-top:5px; left:105px; top:105px; background:#000; color:#fff; z-index:100;} #AltensMaintenance-link:hover {background-image:url(/content/images/spotlight/AltensMaintenance-over.gif); background-repeat:no-repeat; background-position:0px 0px;} #Induction-link:hover {background-image:url(/content/images/spotlight/Induction-over.gif); background-repeat:no-repeat; background-position:0px 0px;} #PasswordPlus-link:hover {background-image:url(/content/images/spotlight/PasswordPlus-over.gif); background-repeat:no-repeat; background-position:0px 0px;} #MusicPerformingArts-link:hover {background-image:url(/content/images/spotlight/MusicPerformingArts-over.gif); background-repeat:no-repeat; background-position:0px 0px;} #Blackboard-link:hover {background-image:url(/content/images/spotlight/Blackboard-over.gif); background-repeat:no-repeat; background-position:0px 0px;} #Mix2-link:hover {background-image:url(/content/images/spotlight/Mix2-over.gif); background-repeat:no-repeat; background-position:0px 0px;} /* weather */ table tr td#todayWeather {background-color:#FFFFFF; border:2px solid #ebebeb; vertical-align:top; padding:10px 15px 10px 15px; margin:0px;} .weatherFloats {margin:0px; padding:0px;} .weatherFloats li.weatherLeft {margin:0px; padding:0px; display:inline; width:60px; float:left;} .weatherFloats li.weatherRight {margin:0px; padding:0px; display:inline; width:60px; float:right; border-top:4px solid #FFFFFF;} /* Team Members ----------------------------------------------- */ #teamMembers {margin:11px 0px 0px 0px; padding:0px;} #teamMembers tr td {margin:0px; padding:0px; overflow:hidden;} #teamMembers tr td.teamLeft {margin:0px; padding:0px; width:330px;} #teamMembers tr td.teamBorderRight {width:5px; background-color:#FFFFFF; background-image:url(/global_images/content/teamMembers/rightBor.jpg); background-repeat:repeat-y; background-position:center top; border:0; overflow:none; margin:0px; padding:0px; max-width:4px;} #teamMembers tr td.teamRight {margin:0px; padding:0px; width:330px;} #teamMembers tr td.teamRow {margin:0px; padding:0px; background-color:#FFFFFF; background-image:url(/global_images/content/teamMembers/bottomBor.jpg); background-repeat:repeat-x; background-position:top left; height:28px;} #teamMembers tr td.teamRowBottom {margin:0px; padding:0px; background-color:#FFFFFF; background-image:url(/global_images/content/teamMembers/bottomBor.jpg); background-repeat:repeat-x; background-position:top left; height:23px;} #teamMembers tr td.teamRow p.cornerCover {margin:0px; padding:0px; background-color:#FFFFFF; width:15px; height:28px;} #teamMembers tr td.teamRowBottom p.cornerCoverBottom {margin:0px; padding:0px; background-color:#FFFFFF; width:11px; height:23px;} #teamMembers tr td ul {margin:0px; padding:0px; height:100%;} #teamMembers tr td ul.bottomTeam {margin:0px; padding:0px; height:100%;} #teamMembers tr td.teamLeft ul li.teamImg {width:84px; float:left; margin:0px; padding:0px; display:inline; vertical-align:top;} #teamMembers tr td.teamRight ul li.teamImg {width:84px; float:left; margin:0px 0px 0px 13px; padding:0px; display:inline; vertical-align:top;} #teamMembers tr td ul li.teamImg img {border:1px solid #ebebeb; margin:0px; padding:7px;} #teamMembers tr td.teamLeft ul li.teamText {width:173px; float:left; margin:0px; padding:0px; display:inline; vertical-align:middle;} #teamMembers tr td.teamRight ul li.teamText {width:173px; float:left; margin:0px; padding:0px; display:inline; vertical-align:middle;} /* Term Calendar -------------------------------------------------*/ #pageContent #termCalendar, #pageContent .termCalendar, #pageContent .charityCalendarNews {margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; border-top:1px solid #ebebeb; border-bottom:5px solid #FFFFFF;} #pageContent #termCalendar tr td, #pageContent .termCalendar tr td, #pageContent #howToGuides tr td, #pageContent .charityCalendarNews tr td {margin:0px; text-align:left; vertical-align:top; border-bottom:1px solid #ebebeb; padding-top:4px; padding-bottom:4px; } #pageContent #termCalendar tr.odd td, #pageContent .termCalendar tr.odd td, #pageContent #howToGuides tr.odd td, #pageContent .charityCalendarNews tr.odd td {background-color:#f5f5f5;} #pageContent #termCalendar tr td.termCalDate {padding:4px 10px 4px 0px; width:60px; font-size:0.8em; line-height:1.4em;} #pageContent #termCalendar tr td.termCalWeek {padding:4px 10px 4px 10px; width:130px; text-align:center; font-size:0.8em; line-height:1.4em;} #pageContent #termCalendar tr td.termCalEvent {padding:4px 10px 4px 10px; width:306px; } #pageContent #termCalendar tr td.termCalEvent p {margin:0px; padding:0px 0px 0px 15px; background-image:url(../global_images/content/bullets.gif); background-repeat:no-repeat; background-position:0px 4px;} #pageContent .termCalendar tr th {padding:0px 10px 0px 0px; font-size:0.8em; line-height:2em; border-bottom:1px solid #ebebeb; text-align:left;} #pageContent .termCalendar tr td {padding:4px 10px 4px 0px; font-size:0.8em; line-height:2em;} #pageContent #howToGuides {margin:4px 0px 10px 0px; padding:0px 0px 5px 0px; border-top:4px solid #FFFFFF;} #pageContent #howToGuides tr td.howToGuidesTop {border-top:1px solid #ebebeb;} #pageContent #howToGuides tr td.howToGuides {padding:4px 10px 4px 0px;} #pageContent #howToGuides tr td.howToGuides h5 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform:capitalize;} #pageContent #howToGuides tr td.howToGuides p {margin:0px 0px 0px 0px; padding:0px 0px 1px 15px;} /* #pageContent div .charityCalendarNews {margin:-2px 0px 10px 0px; padding:0px 0px 5px 0px; border-top:1px solid #ebebeb; border-bottom:5px solid #FFFFFF;} #pageContent .charityCalendarNews tr td {margin:0px; text-align:left; vertical-align:top; border-bottom:1px solid #ebebeb; padding-top:8px; padding-bottom:8px; } #pageContent .charityCalendarNews tr td.charityTime {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 10px 4px 0px; width:65px; border-bottom:4px solid #FFFFFF;} #pageContent .charityCalendarNews tr td.charityClass {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 10px 4px 0px; width:321px;} #pageContent .charityCalendarNews tr td.charityMonth {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; width:150px;}*/ #pageContent .charityCalendarNews {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; border-top:1px solid #ebebeb; border-bottom:5px solid #FFFFFF; width:546px; overflow:hidden;} #pageContent .charityCalendarNews li {padding:0px 0px 0px 0px; border-bottom:1px solid #ebebeb;} #pageContent .charityCalendarNews li.charityTime {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 10px 4px 0px; width:65px; display:inline; float:left;} #pageContent .charityCalendarNews li.charityClass {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 10px 4px 0px; width:311px; display:inline; float:left;} #pageContent .charityCalendarNews li.charityMonth {font-size:0.8em; line-height:1.4em; margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; width:150px; display:inline; float:left;} #pageContent .odd td{background-color:#f5f5f5;border-top:1px #ebebeb solid;border-bottom:1px #ebebeb solid} #pageContent div.fourColumnsLeft {width:114px; margin:0px 30px 0px 0px; padding:0px 0px 0px 0px; float:left; border-right:1px solid #ff0000;} #pageContent div.fourColumnsRight {width:114px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} /* ACSA Election stuff -------------------------------------------------*/ h4.electionTitle {margin:-2px 0px 6px 0px;} #electionCounter {margin:0px; padding:5px 0px 0px 0px;} .timerCountdown {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} p.hrStyleLine {background-image:url(../global_images/content/teamMembers/bottomBor.jpg); background-repeat:repeat-x; background-position:top left; height:31px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:15px solid #ff0000;} /* Attendance Figures -------------------------------------------------*/ #pageContent table.attendanceFigures {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:0.8em; line-height:1.4em;} #pageContent table.attendanceFigures tr {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent table.attendanceFigures tr td {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabel {margin:0px 0px 0px 0px; padding:2px 15px 2px 0px; width:131px; border-bottom:5px solid #FFFFFF; vertical-align:top; text-align:right;} #pageContent table.attendanceFigures tr td.attendanceData {margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; width:400px; overflow:hidden; border-bottom:5px solid #FFFFFF;} #pageContent table.attendanceFigures tr td.LittlePaddingLabel {padding:0px 15px 2px 0px;} #pageContent table.attendanceFigures tr td.LittlePadding {padding:0px 0px 2px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelNoPadding {margin:0px 0px 0px 0px; padding:2px 15px 0px 0px; width:131px; border-bottom:5px solid #FFFFFF; vertical-align:top; text-align:right;} #pageContent table.attendanceFigures tr td.attendanceDataNoPadding {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:400px; overflow:hidden; border-bottom:5px solid #FFFFFF;} #pageContent table.attendanceFigures tr td.attendanceLabelFormTop {margin:0px 0px 0px 0px; padding:6px 15px 0px 0px; width:131px; vertical-align:top; text-align:right;} #pageContent table.attendanceFigures tr td.attendanceDataFormTop {margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; width:400px; overflow:hidden;} #pageContent table.attendanceFigures tr td.attendanceLabelForm {margin:0px 0px 0px 0px; padding:3px 15px 13px 0px; width:131px; vertical-align:top; text-align:right;} #pageContent table.attendanceFigures tr td.attendanceDataForm {margin:0px 0px 0px 0px; padding:0px 0px 13px 0px; width:400px; overflow:hidden;} #pageContent .attendancePercentageWrap {height:22px; margin:0px 0px 11px 0px; padding:0px 0px 0px 0px; width:400px; background-image:url(../content/images/attendance-bkgd.gif); background-repeat:no-repeat; background-position:0px 0px;} #pageContent .attendancePercentageWrap div#colourPercentageBar {height:22px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../content/images/attendance.gif); background-repeat:no-repeat;overflow:hidden;} #pageContent .attendancePercentageWrap div div#displayPercentage {margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; width:400px; text-align:left; height:22px; overflow:hidden;} #pageContent .attendancePercentageWrap div div.attendance100Percent {color:#FFFFFF;} #pageContent .attendancePercentageWrap div div.attendanceMore50Percent {color:#FFFFFF;} #pageContent .attendancePercentageWrap div div.attendanceLess50Percent {color:#7a7a7a;} .attendanceDates {margin:0px 0px 2px 0px; padding:2px 4px 2px 4px; width:75px; color:#7a7a7a; border:1px solid #ebebeb;} .updateAttendance {margin:0px; padding:0px; border-top:5px solid #FFFFFF;} .updateAttendanceBTN {background-color:#ebebeb; color:#7a7a7a; height:22px; width:64px; border:0px; background-image:url(/content/images/updateBTN.jpg); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; margin:10px 0 0 0;} .updateAttendanceBTN:hover {background-position:0px -22px;} #pageContent table.attendanceFigures tr td table.classDetailsTable {margin:11px 0px 11px 0px; padding:0px 0px 0px 0px; width:400px; border-top:1px solid #ebebeb;} #pageContent table.attendanceFigures tr td table.classDetailsTable tr th, #pageContent table.attendanceFigures tr td table.classDetailsTable tr td {margin:0px; padding:0px; width:200px;} #pageContent table.attendanceFigures tr td table.classDetailsTable tr th.classDate {margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; text-align:left; border-bottom:1px solid #ebebeb;} #pageContent table.attendanceFigures tr td table.classDetailsTable tr th.classTutor {margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; text-align:left; border-bottom:1px solid #ebebeb;} #pageContent table.attendanceFigures tr td table.classDetailsTable tr td.classDate {margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; border-bottom:1px solid #ebebeb;} #pageContent table.attendanceFigures tr td table.classDetailsTable tr td.classTutor {margin:0px 0px 0px 0px; padding:4px 0px 4px 0px; border-bottom:1px solid #ebebeb;} #pageContent table.searchAttendanceFigures {margin:-1px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:0.8em; line-height:1.4em;} #pageContent table.searchAttendanceFigures tr {margin:0px; padding:0px;} #pageContent table.searchAttendanceFigures tr td {margin:0px; padding:0px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceLabel {margin:0px 0px 0px 0px; padding:2px 15px 1px 0px; width:131px; border-bottom:5px solid #FFFFFF; vertical-align:top; text-align:right;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceData {margin:0px 0px 0px 0px; padding:0px 0px 1px 0px; width:400px; overflow:hidden; border-bottom:6px solid #FFFFFF; height:22px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults {margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; width:400px; overflow:hidden; border-bottom:5px solid #FFFFFF; height:22px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceData input.searchAttendance {margin:0px 0px 2px 0px; padding:2px 4px 2px 4px; width:57px; color:#7a7a7a; border:1px solid #ebebeb;} .searchAttendanceBTN {background-color:#212121; color:#FFFFFF; height:22px; width:66px; border:0px; background-image:url(../content/images/searchBTN.jpg); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; position:absolute;} .searchAttendanceBTN:hover {background-position:0px -22px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList {margin:8px 0px 7px 0px; padding:0px 0px 0px 0px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList li {background-image:url(../global_images/content/bullets.jpg); background-repeat:no-repeat; background-position:0px 3px; padding-left:15px;} /*Chrome (Safari) hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #pageContent .attendancePercentageWrap {margin:0px 0px 12px 0px;} #pageContent .attendancePercentageWrap div div#displayPercentage {margin:3px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabel {padding:3px 15px 2px 0px;} #pageContent table.attendanceFigures tr td.attendanceData {padding:3px 0px 2px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelNoPadding {padding:3px 15px 0px 0px;} #pageContent table.attendanceFigures {margin:-1px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelFormTop {padding:7px 15px 2px 0px;} #pageContent table.attendanceFigures tr td.attendanceDataFormTop {padding:4px 0px 2px 0px;} .attendanceDates {margin:0px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelForm {padding-bottom:15px;} #pageContent table.attendanceFigures tr td.attendanceDataForm {padding-bottom:15px;} #pageContent table.attendanceFigures tr td.LittlePaddingLabel {padding:1px 15px 2px 0px;} #pageContent table.attendanceFigures tr td.LittlePadding {padding:1px 0px 2px 0px;} .updateAttendance {margin:0px; padding:0px; border-top:6px solid #FFFFFF;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceLabel {padding:3px 15px 1px 0px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList {margin:8px 0px 8px 0px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults {padding:3px 0px 0px 0px;} } /*Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .attendanceDates {padding:2px 4px 2px 4px;} #pageContent table.attendanceFigures {margin:-1px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelFormTop {padding:7px 15px 2px 0px;} #pageContent table.attendanceFigures tr td.attendanceDataFormTop {padding:4px 0px 2px 0px;} .attendanceDates {margin:0px 0px 0px 0px;} #pageContent table.attendanceFigures tr td.attendanceLabelForm {padding:2px 15px 15px 0px;} #pageContent table.attendanceFigures tr td.attendanceDataForm {padding-bottom:15px;} .updateAttendance {margin:0px; padding:0px; border-top:6px solid #FFFFFF;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList {margin:7px 0px 7px 0px;} #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList li {background-position:0px 4px;} } /*IE6 hack */ * html .attendanceDates {padding:2px 4px 2px 4px; margin:0px 0px 0px 0px;} * html #pageContent table.attendanceFigures {margin:-1px 0px 0px 0px;} * html #pageContent table.attendanceFigures tr td.attendanceLabelForm {padding-bottom:14px;} * html #pageContent table.attendanceFigures tr td.attendanceDataForm {padding-bottom:14px;} * html .updateAttendance {margin:0px; padding:0px; border-top:6px solid #FFFFFF;} * html #pageContent table.searchAttendanceFigures tr td.searchAttendanceData input.searchAttendance {margin:-1px 0px 2px 0px;} * html #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList {margin:7px 0px 7px 0px;} * html #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList li {background-position:0px 4px;} * html #pageContent table.searchAttendanceFigures tr td.searchAttendanceData {padding:0px;} /*IE8 hack */ #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList { margin /*\**/: 7px 0px 7px 0px\9 } #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList li { background-position /*\**/: 0px 4px\9 } .searchAttendanceBTN { margin /*\**/: -24px 0px 0px 72px\9 } /*IE7 hack */ *:first-child+html .attendanceDates {padding:2px 4px 2px 4px; margin:0px 0px 0px 0px;} *:first-child+html #pageContent table.attendanceFigures {margin:-1px 0px 0px 0px;} *:first-child+html #pageContent table.attendanceFigures tr td.attendanceLabelForm {padding-bottom:14px;} *:first-child+html #pageContent table.attendanceFigures tr td.attendanceDataForm {padding-bottom:14px;} *:first-child+html .updateAttendance {margin:0px; padding:0px; border-top:6px solid #FFFFFF;} *:first-child+html #pageContent table.searchAttendanceFigures tr td.searchAttendanceData input.searchAttendance {margin:-1px 0px 2px 0px;} *:first-child+html #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList {margin:7px 0px 7px 0px;} *:first-child+html #pageContent table.searchAttendanceFigures tr td.searchAttendanceDataResults ul.searchAttendanceCourseList li {background-position:0px 4px;} *:first-child+html #pageContent table.searchAttendanceFigures tr td.searchAttendanceData {padding:0px;} *:first-child+html .searchAttendanceBTN {margin:0px 0px 0px 5px;} /* voicefm */ #pageContent .voiceFMschedule{table-layout:fixed;} #pageContent .voiceFMschedule tr td{height:1em;margin:0;padding:0;text-align:left;} #pageContent .voiceFMschedule tr td p{text-align:left;} #pageContent .voiceFMschedule tr td p span{text-align:left;} #pageContent .voiceFMschedule tr td p span.content{text-transform:uppercase;} #pageContent .voiceFMschedule tr td.left{width:110px; white-space:normal;} #pageContent .voiceFMschedule tr td table tr td.left{width:110px;white-space:normal;} #pageContent .voiceFMschedule tr td.right{width:250px;} /* Password+ -------------------------------------------------*/ #pageContent .passwordPlusLogo {margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; background-image:url(../content/images/password-plus-btn-bkgd.jpg); background-repeat:no-repeat; background-position:left top; background-color:#ececec; height:92px; overflow:hidden;} #pageContent .passwordPlusLogo li {background:none; padding:0px; margin:0px;} #pageContent .passwordPlusLogoImg {width:101px; height:92px; overflow:hidden; float:left;} #pageContent .passwordPlusLogoImg img {border:0px; padding:0px; margin:0px;} #pageContent li.passwordPlusLogoText {width:625px; float:right; padding:7px 10px 0px 10px;} #pageContent .passwordPlusLogo li.clearBoth {border:none; width:746px; margin:0px; padding:0px; height:1px; background-color:#FFFFFF;} .h2 {font-size:1.2em; line-height:2.15em; font-weight:bold; font-style:italic; color:#212121;} *html .h2 {line-height:2.2em;} *:first-child+html .h2 {line-height:2.2em;} #pageContent .passwordPlusButtons {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent .passwordPlusButtons tr td {display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:10px solid #FFFFFF;} #pageContent .passwordPlusButtons tr td a {color:#7a7a7a; background-color:#ececec; display:block; text-decoration:none !important; cursor:pointer; padding:0px;} #pageContent .passwordPlusButtons tr td a p {margin:0px; padding:5px 10px 6px 10px; width:726px;} #pageContent .passwordPlusButtons tr td a .h5 {color:#212121; font-size:1.1em; line-height:1.35em; font-weight:bold; background-image:url(../content/images/password-plus-symbol.gif); background-repeat:no-repeat; background-position:0px 2px; padding-left:17px;} #pageContent .passwordPlusButtons tr td a:hover {color:#FFFFFF; background-color:#212121;} #pageContent .passwordPlusButtons tr td a:hover .h5 {color:#FFFFFF; background-color:#212121; background-position:0px -86px;} #pageContent .passwordPlusStages {width:746px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent .passwordPlusStages li {width:175px; display:inline-block; float:left; margin:0px 15px 13px 0px; padding:0px 0px 1px 0px; border-bottom:1px solid #ebebeb; color:#7a7a7a; background:none;} #pageContent .passwordPlusButtons li.clearBoth, #pageContent .passwordPlusStages li.clearBoth {border:none; width:746px; margin:0px 0px 2px 0px; padding:0px;} * html #pageContent .passwordPlusStages li {padding-bottom:2px;} *:first-child+html #pageContent .passwordPlusStages li {padding-bottom:2px;} #pageContent .passwordPlusStages li.noBorderStage {border:none;} #pageContent .passwordPlusStages li.lastStage {margin-right:0px;} #pageContent .passwordPlusStages li.stageHighlight {border-color:#07ceb4; color:#4d4d4d; font-weight:bold; font-style:italic;} #pageContent .passwordForm {width:746px; margin:0px 0px 4px 0px; padding:5px 0px 0px 0px;} #pageContent .passwordForm li {background:none;} * html #pageContent .passwordForm {margin:0px 0px 2px 0px; padding:4px 0px 0px 0px;} *:first-child+html #pageContent .passwordForm {margin:0px 0px 2px 0px; padding:4px 0px 0px 0px;} #pageContent .passwordForm .passwordFormLabel {width:175px; float:left; display:inline; text-align:right; margin:0px 0px 0px 0px; padding:2px 15px 0px 0px;} * html #pageContent .passwordForm .passwordFormLabel {padding:2px 15px 0px 0px;} *:first-child+html #pageContent .passwordForm .passwordFormLabel {padding:2px 15px 0px 0px;} #pageContent .passwordForm .passwordFormInput {width:556px; float:right; display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent .passwordForm .passwordFormInput input {width:165px; border:1px solid #ebebeb; margin:0px 0px 0px 0px; padding:2px 5px 2px 5px; color:#7a7a7a;} #pageContent .passwordForm .passwordFormInput input#btnContinue, #pageContent .passwordForm .passwordFormInput input#btnResetPassword, #pageContent .passwordForm .passwordFormInput input#btnRegisterNow, #pageContent .passwordForm .passwordFormInput input#btnReset {border:none; margin:0px 10px 10px 0px; padding:2px 5px 2px 5px; color:#7a7a7a; background:#e8e8e8; width:auto; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #pageContent .passwordForm .passwordFormInput input#btnCancel, #pageContent .passwordForm .passwordFormInput input#cmdReset, #pageContent .passwordForm .passwordFormInput input#reset {display:none;} #pageContent p.errorMessage span {background-color:#ebebeb; display:block; color:#7a7a7a; background-image:url(../global_images/content/oops.gif); background-repeat:no-repeat; background-position:10px 10px; margin:11px 0px 10px 0px; padding:6px 10px 6px 49px;} #tblQA {margin:0px 0px -5px 0px; padding:0px 0px 0px 0px; border-top:5px solid #FFFFFF;} * html #tblQA {border-top:4px solid #FFFFFF; margin-bottom:-5px;} *:first-child+html #tblQA {border-top:4px solid #FFFFFF; margin-bottom:-5px;} #tblQA tr td {margin:0px; padding:0px; vertical-align:top;} #tblQA tr td.qNum {font-size:0.8em; line-height:1.4em; color:#4d4d4d; font-weight:bold; font-style:italic; text-align:right; width:175px; margin:0px 0px 0px 0px; padding:2px 15px 0px 0px;} #tblQA tr td.aNum {font-size:0.8em; line-height:1.4em; color:#4d4d4d; font-weight:bold; font-style:italic; text-align:right; width:175px; margin:0px 0px 0px 0px; padding:2px 15px 0px 0px;} * html #tblQA tr td.aNum {padding-top:3px;} *:first-child+html #tblQA tr td.aNum {padding-top:3px;} #tblQA tr td.questionList {width:556px; border-bottom:3px solid #FFF;} #tblQA tr td.questionList select {width:556px; border:1px solid #ebebeb; color:#7a7a7a; padding:1px 0px 1px 0px; font-weight:bold;} * html #tblQA tr td.questionList {border-bottom:2px solid #FFF;} *:first-child+html #tblQA tr td.questionList {border-bottom:2px solid #FFF;} #tblQA tr td.answer {width:175px;} #tblQA tr td.answer input {width:167px; margin:0px 0px 15px 0px; padding:2px 3px 2px 3px; border:1px solid #ebebeb; color:#7a7a7a;} * html #tblQA tr td.answer input {margin-bottom:14px;} *:first-child+html #tblQA tr td.answer input {margin-bottom:14px;} * html #pageContent .passwordForm .passwordFormInput input#btnContinue, * html #pageContent .passwordForm .passwordFormInput input#btnResetPassword {margin:1px 10px 11px 0px;} * html #pageContent .passwordForm .passwordFormInput input#btnResetPassword {width:167px;} *:first-child+html #pageContent .passwordForm .passwordFormInput input#btnContinue, *:first-child+html #pageContent .passwordForm .passwordFormInput input#btnResetPassword {margin:1px 10px 11px 0px;} *:first-child+html #pageContent .passwordForm .passwordFormInput input#btnResetPassword {width:167px;} /*Chrome (Safari) hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #pageContent .passwordPlusButtons tr td a p {padding-top:6px;} .passwordForm .passwordFormLabel {padding-top:3px;} .passwordPlusButtons li {margin-bottom:12px;} #tblQA {border-top:3px solid #FFFFFF; margin-bottom:-3px;} #tblQA tr td.qNum {padding-top:5px;} #tblQA tr td.aNum {padding-top:3px;} #tblQA tr td.questionList {border-bottom:1px solid #FFFFFF;} #tblQA tr td.answer input {margin-bottom:13px;} #pageContent p.errorMessage {padding:7px 10px 6px 49px;} } /*Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #pageContent .passwordPlusButtons tr td a p {padding-top:6px;} .passwordPlusButtons li {margin-bottom:12px;} #tblQA tr td.qNum {padding-top:1px;} #tblQA tr td.aNum {padding-top:1px;} #tblQA tr td.answer input {padding:1px 5px 1px 5px;} } /* Video Guides -------------------------------------------------*/ #pageContent p.videoGuidesTitle {margin:0px; padding:0px 0px 10px 0px; border-bottom:1px solid #ebebeb;} #pageContent h5.videoGuidesTitle {padding:0px 0px 10px 0px; border-bottom:1px solid #ebebeb;} #pageContent h5.videoGuidesTitleBottom {margin:-10px 0px 0px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #ebebeb;} #pageContent ul.fullWidthImageLayout {clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #ebebeb;} #pageContent ul.fullWidthImageLayoutBottom {clear:both; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #ebebeb;} #pageContent ul.fullWidthImageLayout li, #pageContent ul.fullWidthImageLayoutBottom li {background:none;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg {width:115px; float:left; margin:4px 0px 0px 0px; padding:11px 0px 10px 0px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutText, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutText {width:621px; float:right; margin:0px 5px 0px 0px; padding:16px 0px 15px 0px;} #pageContent ul.fullWidthImageLayout li.clearLine, #pageContent ul.fullWidthImageLayoutBottom li.clearLine {height:1px; line-height:1px; font-size:1px; clear:both; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg a img, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg a img {padding:0px; border-color:#ebebeb; margin-left:5px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg a:hover img, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg a:hover img {border-color:#212121;} /*Chrome (Safari) hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #pageContent h5.videoGuidesTitleBottom {margin:-9px 0px 0px 0px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg {margin:3px 0px 0px 0px; padding:12px 0px 10px 0px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutText, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutText {padding:17px 0px 15px 0px;} a.videoGuidesLinkHome img {border-top:4px solid #FFFFFF; border-bottom:12px solid #FFFFFF;} } /*Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #pageContent div.attachments {margin:-12px 0px 0px 0px; padding:0px 0px 0px 0px;} #pageContent h5.videoGuidesTitleBottom {margin:-9px 0px 0px 0px;} #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg {margin-bottom:4px;} a.videoGuidesLinkHome img {border-top:4px solid #FFFFFF; border-bottom:11px solid #FFFFFF;} } #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg { margin-bottom /*\**/: 4px\9 } /*IE6 hack */ * html #pageContent p.videoGuidesTitle {padding:0px 0px 11px 0px;} * html #pageContent h5.videoGuidesTitle {padding:0px 0px 11px 0px;} * html #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, * html #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg {padding:11px 0px 8px 0px; margin-bottom:2px;} * html #pageContent ul.fullWidthImageLayout li.fullWidthLayoutText, * html #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutText {padding:16px 5px 14px 0px; margin-right:0px;} * html a.videoGuidesLinkHome img {border-top:4px solid #FFFFFF; border-bottom:8px solid #FFFFFF;} /*IE7 hack */ *:first-child+html #pageContent p.videoGuidesTitle {padding:0px 0px 11px 0px;} *:first-child+html #pageContent h5.videoGuidesTitle {padding:0px 0px 11px 0px;} *:first-child+html #pageContent ul.fullWidthImageLayout li.fullWidthLayoutImg, *:first-child+html #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutImg {padding:11px 0px 8px 0px; margin-bottom:2px;} *:first-child+html #pageContent ul.fullWidthImageLayout li.fullWidthLayoutText, *:first-child+html #pageContent ul.fullWidthImageLayoutBottom li.fullWidthLayoutText {padding:16px 0px 14px 0px;} *:first-child+html a.videoGuidesLinkHome img {border-top:4px solid #FFFFFF; border-bottom:8px solid #FFFFFF;} #content h5 a:link img.add, #content h5 a:visited img.add, #content h5 a:active img.add {margin:0px 0px 0px -3px; padding:0px; border:0px; background-image:url(http://studentnet.abcol.ac.uk/global_images/content/ilp/ilp-plus.gif); background-repeat:no-repeat; background-position:5px 0px;} #content h5 a:hover img.add {background-position:5px -61px;} /* Gallery -------------------------------------------------*/ #content .galleryWrapper {width:746px; margin:21px 0px 0px 0px; padding:0px 0px 0px 0px;} #content .gallery {width:746px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both;} #content .gallery li {width:137px; display:inline; float:left; margin:0px 15px 0px 0px; padding:0px 0px 11px 0px; background:none;} #content .gallery li.lastGalleryItem {margin-right:0px;} #content .gallery li a img {border:1px solid #ebebeb; margin:0px 0px 0px 0px; padding:5px; width:125px; height:89px;} #content .gallery li a:hover img {border:1px solid #212121;} #content .gallery li { padding-bottom /*\**/: 15px\9 } * html #content .gallery li {padding-bottom:12px;} *:first-child+html #content .gallery li {padding-bottom:12px;} /*Chrome (Safari) hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { #content .gallery li {padding-bottom:15px;} } /*Opera hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #content .gallery li {padding-bottom:15px;} } /* Contact -------------------------------------------------*/ #contactWrapper {margin:0px; padding:0px 0px 7px 0px; clear:both; width:100%; background-color:#595959; background-image:url(../global_images/contact/contactWrapper-bkgd.jpg); background-repeat:repeat-x; background-position:center top; color:#FFFFFF; border-top:5px solid #FFFFFF;} #contact {width:950px; margin:0px auto; padding:0px 15px 0px 15px;} #contact ul.contactTitle {margin:0px; padding:10px 0px 0px 0px; width:950px;} #contact ul.contactTitle li {margin:0px; padding:0px; display:inline;} #contact ul.contactTitle li.contactTitleText {margin:0px 1px 0px 0px;} /* IE7 hack */ html>body #contact ul.contactTitle { *margin:0px 0px 2px 0px; *padding:9px 0px 0px 0px;} /* IE6 hack */ /*\*/ * html #contact ul.contactTitle {margin:0px 0px 2px 0px;} /**/ #contact ul {margin:6px 15px 0px 0px; padding:0px; width:178px; float:left; display:block;} #contact ul.noMarginRight {margin:6px 0px 0px 0px;} #contact ul.contactSecondRow {margin:10px 15px 0px 0px;} #contact ul li {margin:0px; padding:0px;} #contact ul li.phone {background-image:url(/global_images/contact/phoneIconGrey.jpg); background-repeat:no-repeat; background-position:left center; padding-left:16px;} #contact ul li a.email {background-image:url(/global_images/contact/emailIconGrey.jpg); background-repeat:no-repeat; background-position:left center; padding-left:16px;} #contact ul li a.email:hover {background-image:url(/global_images/contact/emailIconWhite.jpg); background-repeat:no-repeat; background-position:left center; padding-left:16px;} a.email {background-image:url(/global_images/contact/emailIconGrey.jpg); background-repeat:no-repeat; background-position:left center; padding-left:16px;} a.email:hover {background-image:url(/global_images/contact/emailIconWhite.jpg); background-repeat:no-repeat; background-position:left center; padding-left:16px;} /* Footer -------------------------------------------------*/ #footerWrapper {margin:0px; padding:0px 0px 0px 0px; clear:both; width:100%; background-color:#212121; background-image:url(../global_images/footer/footerWrapper-bkgd.jpg); background-repeat:repeat-x; background-position:center top; color:#FFFFFF; position:absolute} #footer {width:950px; margin:0px auto; padding:21px 15px 10px 15px;} #footer p { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} table#ctl00_PlaceHolderMain_RichHtmlField1_ctl00_RichHtmlField_displayContent_toolbar tbody tr td table tbody tr td{ margin:0;padding:0;}