/* == Main layout structure ----------------------------------------------------------------------------------------------------------------------*/ #outerWrap{background: url(/_img/site-shadow.png) center top repeat-y;} #wrap{width: 949px;margin: 0 auto;text-align: left;padding: 0 23px;background: #fff;} #wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #head{float: left;width: 949px;background: #fff url(/_img/head-repeat.gif) bottom left repeat-x; height: 131px;} #wrap #mainContent{float: left;width: 925px;background: #ccc;padding: 12px;} #wrap #foot{float: left;width: 949px;padding: 12px 0 16px 0;} /* == Head content ----------------------------------------------------------------------------------------------------------------------*/ #wrap #head .logo{float: left;margin: 15px 0 0 22px;} #wrap #head .intLinks{float: right;margin: 20px 10px 0 0; list-style: none;} #wrap #head .intLinks a{font-weight: bold;color: #666;} #wrap #head .intLinks span{padding: 0 3px 0 8px;} /* == Navigation ----------------------------------------------------------------------------------------------------------------------*/ #wrap #head #priNav{clear: both;padding: 5px 0 0 15px;} #wrap #head #priNav ul{zoom: 1; list-style: none;margin: 0;} #wrap #head #priNav ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #head #priNav ul li{float: left;position: relative;height: 25px;z-index: 3;} #wrap #head #priNav ul li a{color: #333; font-weight: bold;font-family: Helvetica, Arial, Sans-Serif; cursor: default;} #wrap #head #priNav ul li a:hover{text-decoration: none;} #wrap #head #priNav ul li span{padding: 0 15px;} #wrap #head #priNav ul li ul{display: none;position: absolute; top: 25px; left: -15px;background: url(/_img/drop-nav-base.gif) no-repeat bottom left; width: 188px; padding-bottom: 12px;} #wrap #head #priNav ul li ul li{height: auto; margin: 0; float: none;border: solid 4px #999; border-width: 0 4px;} #wrap #head #priNav ul li ul li a{display: block; padding: 10px 5px; border-bottom: solid 1px #c3c3c3; font-weight: normal;background: #eee url(/_img/drop-nav-item.gif) bottom left repeat-x;zoom: 1;cursor: pointer;} #wrap #head #priNav ul li ul li a:hover{text-decoration: none; background: #e1e1e1 url(/_img/drop-nav-item-hov.gif) repeat-x bottom left;} #wrap .navWrap .sectionHeader{display: block; color: #333;zoom: 1;padding: 6px 5px 6px 21px;border-bottom: solid 1px #C6C6C6; background: url(/_img/nav-toggle.gif) no-repeat top left;} #wrap .navWrap .sectionHeader a{font-weight: bold; text-decoration: none;} #wrap .navWrap .minus{background-position: left -41px;} #wrap .navWrap .homeLink{display: block; color: #333;zoom: 1;padding: 6px 23px;border-bottom: solid 1px #C6C6C6; background: url(/_img/nav-toggle.gif) no-repeat top left;} #wrap .navWrap .homeLink a{font-weight: bold; text-decoration: none;} #wrap ul.schoolNav{margin: 0; list-style: none;} #wrap ul.schoolNav li{margin: 0;} #wrap ul.schoolNav li a{display: block; color: #333;zoom: 1;padding: 6px 23px;border-bottom: solid 1px #C6C6C6; text-decoration: none;} #wrap ul.schoolNav li a:hover, #wrap ul.schoolNav li a.on{text-decoration: none; background: #ccc;} #wrap .navcatscant{background: url(/_img/cant/logo.gif) bottom center no-repeat; padding-bottom: 125px;} #wrap .navcatscambs{background: url(/_img/cambs/logo.gif) bottom center no-repeat; padding-bottom: 125px;} #wrap .navcsvpa{background: url(/_img/csvpa/logo.gif) bottom center no-repeat; padding-bottom: 105px;} #wrap .navenglish{background: url(/_img/english/logo.gif) bottom center no-repeat; padding-bottom: 115px;} #wrap .navstudyhols{background: url(/_img/studyhols/logo.gif) bottom center no-repeat; padding-bottom: 145px;} #wrap .navlsbu{background: url(/_img/lsbu/logo.gif) bottom center no-repeat; padding-bottom: 70px;} #wrap .navuclan{background: url(/_img/uclan/logo.gif) bottom center no-repeat; padding-bottom: 70px;} #wrap .navcoventry{background: url(/_img/coventry/logo.gif) bottom center no-repeat; padding-bottom: 70px;} /* == News Ticker ----------------------------------------------------------------------------------------------------------------------*/ #newsticker-cont{float: left; width: 949px;margin-top: 10px;padding-left: 15px;} #newsticker-cont h2{float: left; margin: 0;font-size: 100%; font-weight: bold;padding: 0 8px 0 0; border: 0;color: #333;letter-spacing: 0;} #newsticker-cont .newsTicker{float: left;} #newsticker-cont .newsTicker ul{margin: 0; list-style: none;display: none;} #newsticker-cont .newsTicker ul li{width: 500px;margin: 0;} #newsticker-cont .newsTicker ul li a{color: #666;} /* == Toolbar ----------------------------------------------------------------------------------------------------------------------*/ #wrap #tools{background: #999;float: left; width: 921px;margin: 42px 0 2px 0;padding: 6px 14px;zoom: 1;} #wrap #tools:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #tools ul{margin: 0; list-style: none;float: left;} #wrap #tools ul li{float: left;margin: 0 15px 0 0;} #wrap #tools ul li a{float: left; height: 20px; line-height: 20px;color: #fff;font-weight: bold;} #wrap #tools ul li img{float: left;margin-right: 5px;} #wrap #tools ul li.agents img{background: url(/_img/icon-agents.png) no-repeat top left; height: 20px; width: 16px;} #wrap #tools ul li.apply img{background: url(/_img/icon-apply.png) no-repeat top left; height: 19px; width: 23px;} #wrap #tools ul li.finder img{background: url(/_img/icon-finder.png) no-repeat top left; height: 18px; width: 21px;} #wrap #tools ul li.calc img{background: url(/_img/icon-fees.png) no-repeat top left; height: 20px; width: 14px;} #wrap #tools ul li.contact img{background: url(/_img/icon-contact.png) no-repeat top left; height: 18px; width: 22px;} /* #wrap #tools ul li.agents a{background: url(/_img/sprite-tools.gif) no-repeat 0 0;padding-left: 20px;} #wrap #tools ul li.apply a{background: url(/_img/sprite-tools.gif) no-repeat 0 -20px;padding-left: 27px;} #wrap #tools ul li.finder a{background: url(/_img/sprite-tools.gif) no-repeat 0 -40px;padding-left: 24px;} #wrap #tools ul li.calc a{background: url(/_img/sprite-tools.gif) no-repeat 0 -60px;padding-left: 19px;} #wrap #tools ul li.contact a{background: url(/_img/sprite-tools.gif) no-repeat 0 -80px;padding-left: 25px;} */ /* == Add This ----------------------------------------------------------------------------------------------------------------------*/ .siteBookmarks{float: right; margin: 3px 10px 0 0;width: 128px;} /* == Site Search ----------------------------------------------------------------------------------------------------------------------*/ #wrap #tools #search{float: right;width: 235px;} #wrap #tools #search form, #wrap #tools #search form fieldset{margin: 0;float: right;} #wrap #tools #search .input{height: 18px;border: solid 1px #A9A9A9;width: 175px;float: left;} #wrap #tools #search .btnSearch{font-family: Arial; letter-spacing: 0; border: 0; background: none; padding: 0; margin: 0;color: #fff; font-weight: bold;height: 21px; line-height: 21px;float: left;font-size: 100%;cursor: pointer;} /* == CEG homepage template ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateHome .zoneOne{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateHome .zoneOne .inner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;min-height: 372px; height: auto !important; height: 372px;} #wrap .templateHome .zoneTwo{float: right; width: 690px; background: #fff url(/_img/holders/holder-top-690.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateHome .zoneTwo .inner{float: right; width: 690px;background: url(/_img/holders/holder-btm-690.gif) no-repeat bottom left;} #wrap .templateHome .zoneThree{float: left; clear: left; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateHome .zoneThree .inner{float: left; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} #wrap .templateHome .zoneFour{float: right; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateHome .zoneFour .inner{float: right; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} #wrap .templateHome .zoneFive{float: left; width: 925px; background: #fff url(/_img/holders/holder-top-925.gif) no-repeat top left;clear: left;} #wrap .templateHome .zoneFive .inner{float: left; width: 925px;background: url(/_img/holders/holder-btm-925.gif) no-repeat bottom left;} /* == School homepage template ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateSchool .zoneOne{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateSchool .zoneOne .inner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;min-height: 372px; height: auto !important; height: 372px;} #wrap .templateSchool .zoneTwo{float: right; width: 690px; background: #fff url(/_img/holders/holder-top-690.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateSchool .zoneTwo .inner{float: right; width: 690px;background: url(/_img/holders/holder-btm-690.gif) no-repeat bottom left;} #wrap .templateSchool .zoneThree{float: left; clear: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateSchool .zoneThree .inner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;min-height: 166px; height: auto !important; height: 166px;} #wrap .templateSchool .zoneFour{float: right; width: 690px; margin-bottom: 12px;} #wrap .templateSchool .zoneFour .zoneFourLeft{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;} #wrap .templateSchool .zoneFour .zoneFourLeft .inner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;min-height: 166px; height: auto !important; height: 166px;} #wrap .templateSchool .zoneFour .zoneFourRight{float: right; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;} #wrap .templateSchool .zoneFour .zoneFourRight .inner{float: right; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;min-height: 166px; height: auto !important; height: 166px;} #wrap .templateSchool .zoneFive{float: left; width: 925px; background: #fff url(/_img/holders/holder-top-925.gif) no-repeat top left;clear: left;} #wrap .templateSchool .zoneFive .inner{float: left; width: 925px;background: url(/_img/holders/holder-btm-925.gif) no-repeat bottom left;} #wrap .templateSchool .zoneFive .inner .panel{float: left; width: 171px;padding: 0 7px;margin: 10px 0;} /* == 2 col template ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateTwoCol .zoneOne{float: left; width: 690px; } #wrap .templateTwoCol .zoneOne .module{float: left; width: 690px; background: #fff url(/_img/holders/holder-top-690.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoCol .zoneOne .module .modInner{float: left; width: 690px;background: url(/_img/holders/holder-btm-690.gif) no-repeat bottom left;} #wrap .templateTwoCol .zoneTwo{float: right; width: 222px;} #wrap .templateTwoCol .zoneTwo .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoCol .zoneTwo .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} /* == 3 col template ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateThreeCol .zoneOne{float: left; width: 222px;} #wrap .templateThreeCol .zoneOne .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateThreeCol .zoneOne .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} #wrap .templateThreeCol .zoneTwo{float: left; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin: 0 0 12px 12px;} #wrap .templateThreeCol .zoneTwo .inner{float: left; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} #wrap .templateThreeCol .zoneThree{float: right; width: 222px;} #wrap .templateThreeCol .zoneThree .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateThreeCol .zoneThree .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} /* == 2 col template (with sub nav) ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateTwoColWithNav .zoneOne{float: left; width: 222px;} #wrap .templateTwoColWithNav .zoneOne .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColWithNav .zoneOne .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} #wrap .templateTwoColWithNav .zoneTwo{float: right; width: 690px; } #wrap .templateTwoColWithNav .zoneTwo .module{float: left; width: 690px; background: #fff url(/_img/holders/holder-top-690.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColWithNav .zoneTwo .module .modInner{float: left; width: 690px;background: url(/_img/holders/holder-btm-690.gif) no-repeat bottom left;} /* == 2 col 50:50 ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateTwoColSplit .zoneOne{float: left; width: 456px;} #wrap .templateTwoColSplit .zoneOne .module{float: left; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColSplit .zoneOne .module .modInner{float: left; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} #wrap .templateTwoColSplit .zoneTwo{float: right; width: 456px;} #wrap .templateTwoColSplit .zoneTwo .module{float: left; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColSplit .zoneTwo .module .modInner{float: left; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} /* == Existing template: 2 col small image ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateTwoColSImg .zoneOne{float: left; width: 222px;} #wrap .templateTwoColSImg .zoneOne .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColSImg .zoneOne .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} #wrap .templateTwoColSImg .zoneTwo{float: left; width: 456px; background: #fff url(/_img/holders/holder-top-456.gif) no-repeat top left;margin: 0 0 12px 12px;} #wrap .templateTwoColSImg .zoneTwo .inner{float: left; width: 456px;background: url(/_img/holders/holder-btm-456.gif) no-repeat bottom left;} #wrap .templateTwoColSImg .zoneThree{float: right; width: 222px;background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColSImg .zoneThree .inner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} /* == Existing template: 2 col 80:20 ----------------------------------------------------------------------------------------------------------------------*/ #wrap .templateTwoColThin .zoneOne{float: left; width: 222px;} #wrap .templateTwoColThin .zoneOne .module{float: left; width: 222px; background: #fff url(/_img/holders/holder-top-222.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColThin .zoneOne .module .modInner{float: left; width: 222px;background: url(/_img/holders/holder-btm-222.gif) no-repeat bottom left;} #wrap .templateTwoColThin .zoneTwo{float: left; width: 503px; background: #fff url(/_img/holders/holder-top-503.gif) no-repeat top left;margin: 0 0 12px 12px;} #wrap .templateTwoColThin .zoneTwo .inner{float: left; width: 503px;background: url(/_img/holders/holder-btm-503.gif) no-repeat bottom left;} #wrap .templateTwoColThin .zoneThree{float: right; width: 175px;background: #fff url(/_img/holders/holder-top-175.gif) no-repeat top left;margin-bottom: 12px;} #wrap .templateTwoColThin .zoneThree .inner{float: left; width: 175px;background: url(/_img/holders/holder-btm-175.gif) no-repeat bottom left;} /* == Footer ----------------------------------------------------------------------------------------------------------------------*/ #wrap #foot ul.colleges{float: left;margin: 0 0 15px 0; list-style: none;} #wrap #foot ul.colleges li{display: inline;margin-right: 8px;} #wrap #foot ul.colleges li a{position: relative; text-decoration: none; z-index: 3;} #wrap #foot ul.colleges li a span{background: #000 url(/_img/foot-tooltip.gif) no-repeat bottom left; color: #fff; padding: 3px 5px 13px 5px; font-size: 11px; position: absolute; bottom: 28px; left: -5px; width: 120px; display: none; text-decoration: none;} #wrap #foot ul.links{float: right;margin: 6px 0 0 0; list-style: none;color: #999;} #wrap #foot ul.links li{display: inline;margin: 0;} #wrap #foot ul.links li span{padding: 0 3px 0 8px;} #wrap #foot ul.links li a{color: #999;} #wrap #foot .footMsg{clear: both; font-size: 90%;margin: 0;} #wrap #foot #google_translate_element{float: left;width: 250px;margin-left: 60px; display: inline;} #wrap #foot #google_translate_element div{float: left;} #wrap #foot #google_translate_element select{font-size: 11px;margin: 5px 5px 0 0;} #wrap #foot #google_translate_element span{display: block;} /* == Homepage student profiles ----------------------------------------------------------------------------------------------------------------------*/ .studentProfiles a.caroLeft{background: url(/_img/caro-left.gif) top right no-repeat;float: left; margin: 5px 0 5px 5px;} .studentProfiles a.caroLeft:hover{background-position: top left;} .studentProfiles a.caroRight{background: url(/_img/caro-right.gif) top left no-repeat;float: right; margin: 5px 5px 5px 0;} .studentProfiles a.caroRight:hover{background-position: top right;} .studentProfiles ul.profileList{margin: 5px 0 5px 4px; list-style: none;float: left; width: 875px;display: inline;} .studentProfiles ul.profileList li{margin: 0 5px; display: inline; float: left; width: 165px; padding: 5px 0;} .studentProfiles ul.profileList li h6{margin: 7px 0 0 0;} /* == Lead Feature ----------------------------------------------------------------------------------------------------------------------*/ #leadFeature{float: left; overflow: hidden;margin-top: 0;} #leadFeature .frameWrap{float: left;width: 578px;height: 326px; overflow: hidden;} #leadFeature .frameWrap .hold{float:left;height:6000px;width: 578px;} #leadFeature .frameWrap .hold div.slide{float:left; width: 578px;height: 326px;} #leadFeature #controls{float: right;} #leadFeature #controls ul{float: right;margin: 0; list-style: none; list-style-image: none;display: inline;width: 112px;} #leadFeature #controls ul li{float: left;margin: 0 0 2px 0;} #leadFeature #controls ul li.btm{margin: 0;} #leadFeature #controls ul li a{float: left; width: 92px; height:60px; padding: 10px; background: url(/_img/feature-btn.gif) repeat-x top left;color: #666; font-weight: bold;} #leadFeature #controls ul li a:hover{color: #0066FF;text-decoration: none;} #leadFeature #controls ul li a.on{background-position: bottom left;color: #fff;} /* == Lightbox Style Popup ------------------------------------------------------------------------------------------------------------------------ */ /** outer fade only **/ #fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 30;display: none;} #fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; left: 0;} /** main popup styling **/ #unavailableLagPage, #redirectOption{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:40;} .popMainSml{background: #333;padding: 15px;border: 5px solid #fff;float: left;width: 282px;position: fixed;top: 30%;left: 50%;margin: 0 0 0 -141px;z-index: 50;} .popMainSml .popInner{float: left;width: 250px;background: #fff;padding: 15px 15px;border: 1px solid #ccc;height: 160px;overflow: auto;text-align: left;} .popMainSml .popInner p{margin-top: 0;line-height: 1.3em;} .popMainSml .popInner p.popLinks{zoom: 1;border: solid 1px #ccc; background: #eee; padding: 5px;} .popMainSml .popInner p.popLinks:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} /* == Toggle Elements ------------------------------------------------------------------------------------------------------------------------ */ #wrap .templateThreeCol .zoneTwo h2.trigger, #wrap .templateTwoCol .zoneOne h2.trigger{margin: 5px 0;} .toggleContainer{border: solid 1px #ccc; background: #eee;} .toggleContainer .toggleInner{border: solid 1px #fff; padding: 5px;} /* == Shaded Info Boxes ------------------------------------------------------------------------------------------------------------------------ */ .infoPanel{padding: 10px; background: #0066cc url(/_img/info-panel.gif) repeat-x top left;margin-bottom: 10px;color: #fff;} .infoPanel a{color: #fff;} /* == Screen Messages ------------------------------------------------------------------------------------------------------------------------ */ .successMsg{border: solid 1px #ccc; background: #eee; padding: 10px; font-weight: bold; margin: 10px 0;} .errorMsg{border: solid 1px #ccc; background: #eee; padding: 10px; font-weight: bold; margin: 10px 0; color: #fe0000;} ul.errorMsg li{list-style: none;} .formErrorMsg{border: solid 1px #ccc; background: #eee; padding: 10px; font-weight: bold; margin: 10px 0; color: #fe0000;} .msgInfo{background: #eee; border:solid 1px #ccc;padding: 10px;margin: 10px 0;zoom: 1;} .msgInfo:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} /* == Course Listings ------------------------------------------------------------------------------------------------------------------------ */ #wrap .courseListWrap{width: 670px;overflow: hidden;} #wrap .courseListWrap ul.courseList{margin: 0; list-style: none; zoom: 1; width: 690px;} #wrap .courseListWrap ul.courseList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap .courseListWrap ul.courseList li{float: left;width: 210px; background: url(/_img/course-list-btm.gif) no-repeat bottom left; margin: 0 20px 20px 0; min-height: 310px; height: auto !important; height: 310px;} #wrap .courseListWrap ul.courseList li h2{background: url(/_img/course-list-top.gif) no-repeat top left;border-bottom: solid 1px #9fa5ac;margin: 0; padding: 10px 10px 6px 10px; min-height: 45px; height: auto !important; height: 45px;} #wrap .courseListWrap ul.courseList li .pad{padding: 0 10px 10px 10px;} /** set default heights based on language site **/ body.cn #wrap .courseListWrap ul.courseList li{min-height: 290px; height: auto !important; height: 290px;} body.ru #wrap .courseListWrap ul.courseList li{min-height: 390px; height: auto !important; height: 390px;} body.ru #wrap .courseListWrap ul.courseList li h2{font-size: 120%;min-height: 48px; height: auto !important; height: 48px;} body.kr #wrap .courseListWrap ul.courseList li{min-height: 340px; height: auto !important; height: 340px;} body.kr #wrap .courseListWrap ul.courseList li h2{font-size: 130%;} ul.courseTabs{margin: -10px -10px 20px -10px; list-style: none;float: left; width: 690px; display: inline;} ul.courseTabs li{float: left; margin: 0;} ul.courseTabs li a{float: left; width: 190px; padding: 0 20px; background: url(/_img/course-tabs.gif) repeat-x top left; height: 29px; line-height: 29px; color: #333; font-weight: bold;} ul.courseTabs li a:hover, ul.courseTabs li.on a, ul.courseTabs li a.on{background-position: bottom left; color: #fff; text-decoration: none;} ul.courseTabsDuo li a{width: 305px} /* == Comment Listing ------------------------------------------------------------------------------------------------------------------------ */ ol.commentList{margin: 5px 18px;} ol.commentList li blockquote{margin: 10px 0;} ol.commentList li .date{color: #777;} /* == Student Blog ------------------------------------------------------------------------------------------------------------------------ */ .blogView .author{padding-bottom: 10px;} .blogView .author img{float: left; margin: 0 10px 0 0;} .blogSearch form{zoom: 1;margin: 0;} .blogSearch form:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .blogSearch form select{width: 135px; margin-right: 5px;} .blogList ul{margin: 0; list-style: none;} .blogList ul li{margin: 0;color: #333;padding: 6px 20px 6px 6px;border-bottom: solid 1px #C6C6C6;} .blogList ul li li{border: 0; padding: 6px 0; list-style: square; margin: 0 0 0 20px;} .blogList ul li li a{color: #333;} .blogComments label{float: left; width: 100px;} ul.blogList li.author11{background: url(/_img/agents/buddy-purple.gif) 195px center no-repeat;} ul.blogList li.author10{background: url(/_img/agents/buddy-blue.gif) 195px center no-repeat;} ul.blogList li.author12{background: url(/_img/agents/buddy-green.gif) 195px center no-repeat;} /*ul.blogList li.author4{background: url(/_img/agents/buddy-yellow.gif) 195px center no-repeat;} ul.blogList li.author5{background: url(/_img/agents/buddy-red.gif) 195px center no-repeat;} */ ul.bloggerList li .title{font-weight: bold;} ul.bloggerList li.author11 {color: #5e267f;background: url(/_img/agents/buddy-purple.gif) 195px 7px no-repeat;} ul.bloggerList li.author10 {color: #299bda;background: url(/_img/agents/buddy-blue.gif) 195px 7px no-repeat;} ul.bloggerList li.author12 {color: #7bb839;background: url(/_img/agents/buddy-green.gif) 195px 7px no-repeat;} /* ul.bloggerList li.author4 {color: #ed952b;background: url(/_img/agents/buddy-yellow.gif) 195px 7px no-repeat;} ul.bloggerList li.author5 {color: #cc0000;background: url(/_img/agents/buddy-red.gif) 195px 7px no-repeat;} */ .blogView .authorLead11{background: url(/_img/agents/buddy-purple.gif) right 10px no-repeat;padding-right: 28px;zoom: 1;} .blogView .authorLead10{background: url(/_img/agents/buddy-blue.gif) right 10px no-repeat;padding-right: 28px;zoom: 1;} .blogView .authorLead12{background: url(/_img/agents/buddy-green.gif) right 10px no-repeat;padding-right: 28px;zoom: 1;} /* .blogView .authorLead4{background: url(/_img/agents/buddy-yellow.gif) right 10px no-repeat;padding-right: 28px;zoom: 1;} .blogView .authorLead5{background: url(/_img/agents/buddy-red.gif) right 10px no-repeat;padding-right: 28px;zoom: 1;} */ .blogView p.author11 span.title{color: #5e267f;} .blogView p.author10 span.title{color: #299bda;} .blogView p.author12 span.title{color: #7bb839;} /* .blogView p.author4 span.title{color: #ed952b;} .blogView p.author5 span.title{color: #cc0000;} */ /* == Student Profiles ------------------------------------------------------------------------------------------------------------------------ */ .profileMain h3{margin: 0;} .profileMain h4.details{font-size: 130%; color: #666;margin: 0 0 10px 0;} .profileMain .leadProfileImg{margin-left: 10px;} .profileSearch form{margin: 0;} .profileSearch select{width: 200px;} ul.studentStories{margin: 0; list-style: none;} ul.studentStories li{margin: 0;color: #333;padding: 6px;border-bottom: solid 1px #C6C6C6;zoom:1;} ul.studentStories li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} ul.studentStories li p{width: 120px;margin: 0;} /* == Our Centres ------------------------------------------------------------------------------------------------------------------------ */ .centresPanel{float: right; width: 280px;} .mapPanel{min-height: 450px; height: auto !important; height: 450px;} #mapColleges{position: relative;height: 385px; background: url(/_img/agents/map-zoomed.jpg) top left no-repeat;margin-bottom: 5px;float: left; width: 347px;} #mapStudyHols{position: relative;height: 442px; background: url(/_img/agents/map-studyhols.jpg) top left no-repeat;margin-bottom: 5px;float: left; width: 347px;} #mapColleges a{position: absolute; float: left; top: 100px; left: 150px;padding-left: 10px;color: #666;} #mapColleges a span{float: left; background: url(/_img/agents/map-marker-off.gif) top right no-repeat;height: 21px; line-height: 21px;padding-right: 22px;font-weight: bold; cursor: pointer;} #mapColleges a:hover{background: url(/_img/agents/map-marker-left.gif) top left no-repeat;color: #fff;text-decoration: none;} #mapColleges a:hover span{background: url(/_img/agents/map-marker-right.gif) top right no-repeat;} #mapStudyHols a{position: absolute; float: left; top: 100px; left: 150px;padding-left: 10px;color: #666;color: #fff;} #mapStudyHols a span{float: left; background: url(/_img/agents/map-marker-off.gif) top right no-repeat;height: 21px; line-height: 21px;padding-right: 22px;cursor: pointer;} #mapStudyHols a:hover{background: url(/_img/agents/map-marker-left.gif) top left no-repeat;color: #fff;text-decoration: none;z-index: 10;} #mapStudyHols a:hover span{background: url(/_img/agents/map-marker-right.gif) top right no-repeat;font-weight: bold; } #mapStudyHols a.sandiego{padding-right: 0px;padding-left: 0;} #mapStudyHols a.sandiego span{background: url(/_img/agents/map-marker-off-opp.gif) top left no-repeat;padding-left: 22px;padding-right: 10px;} #mapStudyHols a.sandiego:hover{background: url(/_img/agents/map-marker-right-opp.gif) top left no-repeat;} #mapStudyHols a.sandiego:hover span{background: url(/_img/agents/map-marker-left-opp.gif) top right no-repeat;} /** positioning of markers **/ #mapColleges a.cambs{top: 205px; left: 190px;} #mapColleges a.cant{top: 270px; left: 225px;} #mapColleges a.london{top: 245px; left: 190px;} #mapColleges a.coventry{top: 185px; left: 140px;} #mapColleges a.preston{top: 100px; left: 80px;} #mapStudyHols a.bath{top: 360px; left: 155px;z-index: 20;} #mapStudyHols a.boston{top: 200px; left: 35px;} #mapStudyHols a.cambs{top: 325px; left: 200px;} #mapStudyHols a.cant{top: 370px; left: 230px;} #mapStudyHols a.cheltenham{top: 330px; left: 135px;} #mapStudyHols a.devon{top: 385px; left: 90px;} #mapStudyHols a.dundee{top: 105px; left: 130px;} #mapStudyHols a.edinburgh{top: 135px; left: 110px;} #mapStudyHols a.felsted{top: 340px; left: 230px;} #mapStudyHols a.glasgow{top: 140px; left: 77px;} #mapStudyHols a.london{top: 350px; left: 215px;} #mapStudyHols a.oakham{top: 300px; left: 190px;} #mapStudyHols a.reading{top: 353px; left: 185px;} #mapStudyHols a.reading:hover{z-index: 30;} #mapStudyHols a.sandiego{top: 210px; left: 0px;} #mapStudyHols a.swansea{top: 340px; left: 75px;} #mapStudyHols a.wimborne{top: 385px; left: 145px;} #mapStudyHols a.wokingham{top: 362px; left: 175px;} #mapStudyHols a.wokingham:hover{z-index: 40;} #mapStudyHols a.york{top: 230px; left: 200px;} /* == Decision Tree ------------------------------------------------------------------------------------------------------------------------ */ .treeMain #loading{float: right; margin: 15px 30px 0 0; display: inline; font-weight: bold; background: url(/_img/loading.gif) center right no-repeat; padding: 0 50px 0 0;} .treeMain .modInner{min-height: 692px; height: auto !important; height: 692px;} .treeMain .qdiv{background: url(/_img/tree-down-arrow.gif) center top no-repeat;text-align: center;padding: 5px 0 40px 0;} .treeMain .qdiv p{font-weight: bold;margin: 8px 0;color: #111;} .treeMain .qdiv select{background: #fff; border:solid 1px #ccc;} .treeResults .modInner{min-height: 138px; height: auto !important; height: 138px; position: relative;padding-bottom: 10px;} .treeResults .modInner div#results1{background: #ffffff;padding: 10px;position: relative; z-index: 2;} .treeResults .modInner div#results2{background: #ffffff;padding: 10px;position: relative; z-index: 2;} .treeResults .modInner div#results3{background: #ffffff;padding: 10px;position: relative; z-index: 2;} .treeResults .modInner .noResults{position: absolute; top: 90px; left: 10px;z-index: 1;color: #999;} .treeResults .modInner .resultSection div{overflow: hidden; height: 77px;} .treeResults .modInner .resultSection div.on{height: auto;} .treeResults .modInner .resultSection div h3{margin-bottom: 5px;cursor: pointer; background: url(/_img/tree-result-toggle.gif) left 4px no-repeat; padding: 0 0 0 20px;} .treeResults .modInner .resultSection div.on h3{background-position: left -41px; color: #0066FF;} .treeResults .modInner .resultSection div p{margin-top: 5px;} .treeResults .modInner #results2 p.wResult{color: #333;letter-spacing: -1px;font-size: 150%;font-weight: bold; min-height: 40px; height: auto !important; height: 40px; padding: 15px 0 0 60px; background: url(/_img/tree-tick.gif) no-repeat top left;} /* == Search Results ------------------------------------------------------------------------------------------------------------------------ */ .sRes{margin: 0 0 20px 0; font-weight: bold;line-height: 1.5em;} .sRes a{text-decoration: underline; font-size: 120%; font-weight: normal;} .sRes a:hover{text-decoration: none;} .sRes .rel{font-style: italic;font-weight: normal;} .sRes .url{font-weight: normal; color: #666;} /* == Reviews Page ------------------------------------------------------------------------------------------------------------------------ */ .reviewForm label{float: left; width: 130px;} .reviewForm label.captchaLbl{display: block; width: auto;float: none;padding: 8px 0;font-weight: bold;margin-left: 130px;} .reviewForm label.error {float: none; color: red; padding-left: 10px; vertical-align: top; } .reviewForm em{float: left; font-weight: bold; padding: 0 10px;} .reviewForm .input{width: 180px;} .reviewForm textarea.input{width: 400px;height: 80px;} .reviewForm .note{color: #999;font-style: italic; font-size: 95%;} .reviewForm .reviewFilter{border: solid 1px #ffcc99; background: #fdf5e9;padding: 5px;} .reviewForm .reviewFilter select{margin: 0;} .reviewForm .reviewFilter label{padding: 3px 0 0 0; font-weight: bold;width: 160px;} .mostReviewed ol{margin-left: 30px;} .mostReviewed ol li{clear: left;} .mostReviewed ol li p{margin: 0; line-height: 1.6em;} .mostReviewed ol li p .course{color: #FE6601;} ol.reviewList{margin: 10px 0; list-style: none;} ol.reviewList li{zoom: 1; border-bottom: solid 1px #eee; padding-bottom: 10px;} ol.reviewList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} ol.reviewList li span{float: left; clear: left;padding: 1px 0;} ol.reviewList li strong.course{float: left; color: #000;padding: 6px 0 0 5px;} ol.reviewList li ul{margin: 4px 0;} ol.reviewList li ul li{padding: 0;} /* == More Info Page ------------------------------------------------------------------------------------------------------------------------ */ .moreInfoForm label{float: left; width: 220px;} .moreInfoForm label.error{float: none; width: auto; color: #fe0000;} .moreInfoForm .input{width: 200px;} .moreInfoForm textarea.input{width: 439px;height: 80px;} /* == New Agent Form Page ------------------------------------------------------------------------------------------------------------------------ */ .newAgentForm label{float: left; width: 200px;margin-right: 20px;} .newAgentForm label.error{float: none; width: auto; color: #fe0000;} .newAgentForm .input{width: 200px;} .newAgentForm textarea.input{width: 439px;height: 80px;} /* == News Styles ------------------------------------------------------------------------------------------------------------------------ */ .newsList{list-style: none; margin: 10px 0;} .newsList li{zoom: 1;margin: 0 0 12px 0;} .newsList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .newsList li h3{margin: 0;} .newsList li .thumb{float: left;margin: 5px 10px 0 0;} .newsList li p{margin-bottom: 0;} .newsList li .date, .newsView .date{color: #000;} .newsView .thumb{float: left; margin: 10px 10px 0 0;} /*#wrap .zoneTwo .newsView h2{margin-bottom: 0;}*/ /* == Staff Profiles ------------------------------------------------------------------------------------------------------------------------ */ .staffMembers{zoom: 1;} .staffMembers:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .staffMembers div{float: left; margin: 0 8px 5px 0; width: 80px;min-height: 150px; height: auto !important; height: 150px;} .staffMembers div a{float: left;} .staffMembers div a img{float: left; border: solid 5px #ddd; margin: 0 0 5px 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .staffMembers div a:hover img{border: solid 5px #aaa;} /* == Selling Points ------------------------------------------------------------------------------------------------------------------------ */ .keyPoints{zoom: 1;} .keyPoints:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .keyPoints a{float: left; margin: 0 0 5px 0; min-height: 195px; height: auto !important; height: 195px; width: 220px;} .keyPoints span{display: block;letter-spacing: -1px;font-size: 150%;font-weight: bold;clear: left; padding: 0 5px;} .keyPoints a img{float: left; border: solid 5px #ddd; padding: 2px; margin: 0 0 5px 0;-moz-border-radius: 12px;-webkit-border-radius: 12px;} .keyPoints a:hover img{border: solid 5px #aaa;} /* == Video Page ------------------------------------------------------------------------------------------------------------------------ */ .videoWrapper{float: left; width: 670px;} .videoWrapper .displayCol{float: left; width: 428px;} .videoWrapper .displayCol label{float: left; width: 100px;} .videoWrapper .displayCol .vidHolder{height: 326px;background: url(/_img/loading.gif) center center no-repeat;} .videoWrapper .navCol{float: right; width: 232px;padding-top: 32px;} .videoWrapper .navCol .videoGroup{margin: 0 0 20px 0;} .videoWrapper .navCol .videoGroup div.in{border-top: solid 1px #ddd;border-bottom: solid 1px #ddd; padding: 3px 0;} .videoWrapper .navCol .videoGroup h3{margin: 0 0 5px 0;} .videoWrapper .navCol .videoGroup ul{margin: 0; list-style: none;} .videoWrapper .navCol .videoGroup ul li{zoom: 1;margin: 0 0 5px 0;} .videoWrapper .navCol .videoGroup ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} .videoWrapper .navCol .videoGroup ul li .thumb{float: left;margin-right: 5px;} .videoWrapper .navCol .videoGroup ul li .txt{float: left; width: 130px;} .videoWrapper .navCol .videoGroup ul li ul li{float: left;margin: 0 0 0 0; padding: 0 8px 0 0;} .videoWrapper .navCol .videoGroup ul li ul li a{color: #333; font-size: 90%;} /* == Study Holidays Coursefinder ------------------------------------------------------------------------------------------------------------------------ */ #studyholsFind{float: left;background: url(/_img/studyhols/studyhols-finder.jpg) top center no-repeat; height: 661px; width: 690px;zoom: 1;position: relative;display: inline;} #studyholsFind:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #studyholsFind #questions{float: left; width: 328px;margin: 100px 0 0 33px;display: inline;} #studyholsFind #questions .qdiv{margin: 0 0 8px 0;padding-left: 40px;} #studyholsFind #questions .qdiv p{margin: 0 0 2px;} #studyholsFind #questions .qdiv select{border: solid 1px #666;font-size: 90%;width: 250px;} #studyholsFind #links{float: right;width: 280px;margin: 212px 25px 0 0;color: #fff;font-size: 90%;display: inline;min-height: 193px; height: auto !important; height: 193px;margin-bottom: 7px;} #studyholsFind #links h2{margin: 0; } #studyholsFind #links .defaultMsg{margin: 0;} #studyholsFind #links ul{margin: 0; list-style: none;list-style-image: none;padding: 0;} #studyholsFind #links ul li{margin: 0;zoom: 1;} #studyholsFind #links ul li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #studyholsFind #links ul li.divider{margin-bottom: 7px; padding-bottom: 7px;background: url(/_img/studyhols/divider.gif) bottom center no-repeat;} #studyholsFind #links ul li .thumb{float: left;} #studyholsFind #links ul li .thumb img{border: solid 1px #000;padding: 1px;margin-right: 7px;margin-top: 0px;} #studyholsFind #links ul li a.title{color: #fff; text-decoration: none;font-weight: bold;} #studyholsFind #links ul li p{margin: 0;color: #aaa;line-height: 1.2em;} #studyholsFind #links ul li p a{color: #fff;text-decoration: none;background: url(/_img/studyhols/link-arrow.gif) center right no-repeat;padding-right: 10px;} #studyholsFind #links ul li a:hover{text-decoration: underline;} #studyholsFind .controls{float: right;clear: right;margin-right: 30px;display: inline;width: 275px;} #studyholsFind .controls a img{border: 0;} #studyholsFind .controls .indicator{float: left;padding: 7px 0 0 0;color: #111;} #studyholsFind .controls .buttons{float: right;} #studyholsFind #loading{position: absolute; top: 120px; left: 70px;} #studyholsFind #questions .num1{background: url(/_img/studyhols/num1.gif) center left no-repeat;} #studyholsFind #questions .num2{background: url(/_img/studyhols/num2.gif) center left no-repeat;} #studyholsFind #questions .num3{background: url(/_img/studyhols/num3.gif) center left no-repeat;} #studyholsFind #questions .num4{background: url(/_img/studyhols/num4.gif) center left no-repeat;} #studyholsFind #questions .num5{background: url(/_img/studyhols/num5.gif) center left no-repeat;} #studyholsFind #questions .num6{background: url(/_img/studyhols/num6.gif) center left no-repeat;} #studyholsFind #questions .num7{background: url(/_img/studyhols/num7.gif) center left no-repeat;} /* == FC Coursefinder ------------------------------------------------------------------------------------------------------------------------ */ .fcFinderWrap label{float: left; width: 130px;} .fcFinderWrap select{width: 300px;} .fcFinderWrap .btn{float: left;} .fcFinderWrap .fcLoader{float: left; padding: 3px 0 0 10px;} /* == Apply Online Form ------------------------------------------------------------------------------------------------------------------------ */ #applyOnline label{float: left; width: 200px;margin: 3px 8px 3px 0;} #applyOnline label em{font-size: 90%; color: #777;} #applyOnline label.wide{float: left; width: 300px;} #applyOnline .inline{float: none;width: auto;} #applyOnline input.text{margin: 0 0 3px 0; border:solid 1px #ccc; background: #f6f6f6;} #applyOnline input.btn{border: solid 1px #666;background: #ccc;margin: 0;} #applyOnline .choices input{float: left;} #applyOnline .choices label{margin: 0; width: auto;padding-left: 5px;width: 50px;} #applyOnline .choices label.quali{width: 150px;} #applyOnline .applySummary{background: #eee; border:solid 1px #ccc;padding: 10px;margin: 10px 0;} #applyOnline .predictive ul li{cursor: pointer;} #applyOnline h3{background: url(/_img/apply-title-bg.gif) no-repeat top left; height: 45px; line-height: 35px; padding: 0 15px; font-size: 130%; color: #fff;} #applyOnline h3 em{padding-left: 10px;} #applyOnline .schoolTable tbody td{border: 0;padding: 1px;} #applyOnline .scrolling{background:#F6F6F6;border:5px solid #CCCCCC;font-size:90%;height:350px;overflow-y:scroll;padding:5px 10px;width:90%;} #applyOnline .scrolling h1{margin: 10px 0; background: none; padding: 0; font-size: 130%; font-weight: bold; color: #111; letter-spacing: 0; height: auto; line-height: normal;} #applyOnline .scrolling h2{margin: 10px 0; background: none; padding: 0; font-size: 120%; font-weight: bold; color: #111; letter-spacing: 0; height: auto; line-height: normal;} #applyOnline .scrolling h3{margin: 10px 0; background: none; padding: 0; font-size: 110%; font-weight: bold; color: #111; letter-spacing: 0; height: auto; line-height: normal;} #ApplyProgress{float: right;margin: 0; font-weight: bold;} #ApplyProgress div {float: left;height: 10px;line-height: 10px; width: 10px; margin-right: 2px; margin-top: 3px;background: url(/_img/step-bg.gif) no-repeat top left;} #ApplyProgress div.on {background-position: bottom left;} /* == English fees Calc ------------------------------------------------------------------------------------------------------------------------ */ .feesSummary{background: #eee; border:solid 1px #ccc;padding: 10px;margin: 10px 0;} /**************************************************** == Fees Calculator *****************************************************/ #FeesContainer{ float:left; width: 100%; } #FeesContainer div.lbl{ width: 100%; float:left; padding: 6px 0; } #FeesContainer select{ float:left; } #fees_terms label { float: left; width: 180px; font-weight: bold; } #fees_terms div { float: left; width: 510px; padding: 0 0 8px 0; } #fees_loading{ float:right; } #fees_loading img{ padding: 2px 3px 0 3px !important; vertical-align: -20%; } table#feesTable {border-collapse: collapse;border-width:0px;margin: 10px 0;} table#feesTable tr.dash{ border-bottom: dashed 1px #ccc; background-image: url('/_img/fees/row_bg.gif'); background-repeat: repeat-x; } table#feesTable tr.dash td{ border-bottom: solid 1px #eaeaea !important; } table#feesTable td{ padding: 3px 1px; vertical-align: top; border: solid 0px #fff !important; height: 20px; line-height: 20px; } table#feesTable td.small{ height: 1px !important; line-height: 1px !important; } table#feesTable td img{ padding-top: 7px; } table#feesTable thead td{ background: #eee; border: solid 1px #ccc !important; font-weight: bold; height: 22px; line-height: 22px; padding-left: 5px; } table#feesTable tfoot td{ border-top: solid 1px #C5D2D9 !important; font-weight:bold; font-size:110%; } table#feesTable tfoot tr.spacer td{ background: none; border: 0; padding: 0; } table#feesTable tbody tr.alt td{ background:#ddd; } #FeesContainer select, table#feesTable td select{ width:245px; border: solid 1px #999; padding:1px 0 1px 0; font-size:80% !important; font-size:90%; float:left; margin: 0 3px 0 0; } #FeesContainer select.two, table#feesTable td select.two{ width:70px; } #FeesContainer select.three { width: 85px; } #FeesContainer label.Label { width: 150px; margin-right: 5px; float: left; } #FeesContainer input.text, textarea.text { width:259px; border: solid 1px #999; float:left; margin-bottom: 4px; } #FeesContainer select{margin-bottom: 3px;} #FeesContainer #FeesSummary { float: left; border: 1px solid #ccc; } a.tooltip {color:#c00;text-decoration: none;} a.tooltip b {display:none;} a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip:hover b {display:block; position:absolute; top:30px; left:-10px; padding:5px; font-weight:normal; color:#000; border:1px solid #4d84c4; background:#eee; width:170px;text-decoration: none;} a.tooltip:hover b.newtip { left: -190px; }