/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : theForum Stylesheet Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font-size:11px; font-family:"Helvetica", Arial; margin:0; padding:0; background:#808285 url(../images/bg.gif) top center no-repeat; color:#6D6F71; text-align:center; } td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } /* ----- IDS ----- */ #container { width:978px; margin:0 auto; text-align:left; font-size:11px; padding:50px 0;} #container #pageBgTop { width:978px; height:21px; background:url(/assets/images/pageBgTop.gif) no-repeat; font-size:0;} #container #pageBgBottom { width:978px; height:33px; background:url(/assets/images/pageBgBottom.gif) no-repeat; font-size:0;} #container #pageBgBody { width:978px; background:url(/assets/images/pageBgBody.gif) 0 0 repeat-y;} #container #pageBgBody .pageBodyPadding { padding:0 30px 0 25px;} #container #pageBgBody #columnsContainer { width:923px; position:relative;} #container #pageBgBody #columnsContainer #leftCol { width:180px; float:left; background:url(/assets/images/leftColBg.gif) 0 0 repeat-y;} #container #pageBgBody #columnsContainer #rightCol { width:728px; float:right;} #container #logo { padding:25px 0 20px 0; background:url(/assets/images/leftNavLineBg.gif) 10px 70px no-repeat;} #logoLinks { width:160px; background:url(/assets/images/leftNavLineBg.gif) bottom left no-repeat; margin:0 auto 20px auto;} #logoLinks .logoLink { padding:0 0 10px 0;} #container #topBar { width:720px; height:84px; padding:6px 0 0 0; background:url(/assets/images/topBarBg.gif) no-repeat; position:relative; margin:0 0 20px 7px;} #container #topBar #searchBar { width:250px; height:50px; position:absolute; top:50px; left:470px;} #container #topBar #searchBar .search { color:#FFFFFF; float:left; margin:0 10px 0 0; padding:13px 0 0 8px;} #container #topBar #searchBar #searchForm { width:181px; height:24px; background:url(/assets/images/searchBg.gif) 0 0 no-repeat; float:left; margin:8px 0 0 0; position:relative;} #container #topBar #searchBar #searchForm #searchBtn { position:absolute; top:3px; left:157px; width:19px; height:19px;} #container #topBar #searchBar #searchForm .searchInput { width:169px; height:15px; border:none; background:url(/assets/images/searchInputBg.gif) no-repeat; padding:5px 6px 4px 6px;} #container #topBar #signInBox { position:absolute; top:53px; left:605px; color:#FFFFFF;} #container #topBar #signInBox a { color:#FFFFFF; text-decoration:none;} #container #topBar #signInBox a:hover { text-decoration:underline;} #container #contentSliderBox { width:720px; height:352px; position : relative; border-bottom:1px solid #a7a9ac; margin:0 0 10px 7px; z-index:0;} #container #contentSliderBox #controls { z-index: 1000; position : absolute; top :310px; left : 625px; height : 35px; width:88px; background :none;} #container #contentSliderBox #controls #prev { float:left;} #container #contentSliderBox #controls #next { float:right;} #container #contentSliderBoxNoDivider { width:720px; height:352px; padding:0 0 3px 0; border-bottom:none; margin:0 0 10px 7px;} #container #contentBannerBox { width:720px; padding:0 0 3px 0; border-bottom:1px solid #a7a9ac; margin:0 0 10px 7px; position:relative;} #container #contentBannerBox #view { position:absolute; top:20px; left:540px;} #container #jumpsBox { margin:10px 0 5px 0;} #container #jumpsBox .jumpInfo { padding:0 5px 2px 5px; color:#000000; border-bottom:1px solid #bdbec1;} #container #jumpsBox .jumpLeft { float:left; width:165px; margin:0 5px 5px 0;} #container #jumpsBox .jumpRight { float:left; width:165px; margin:0 0 5px 0;} #container #linksBar { width:335px;} #container #linksBar .rssLink { float:left; margin-right:108px;} #container #linksBar .viewLink { float:left; margin-right:78px; color:#808285; line-height:24px;} #container #linksBar .nextPrev { float:left;} #container #linksBar .nextPrev .icon { float:left;} #container #whatsOnBox { float:left; width:180px;} #container #upcomingEventsBox { width:140px; float:left; border-left:1px solid #bdbec1; padding:0 0 0 10px;} #container #upcomingEventsBox .event { margin-bottom:5px; border-bottom:1px solid #bdbec1; padding:0 0 5px 0;} #container #upcomingEventsBox .event .eventTitle { padding:0; color:#EC0B8D;} #container #upcomingEventsBox .event p { padding:0; } #container #upcomingEventsBox .no_entries { width : 120px; border-bottom: none; } #container #theForumTVBox { float:left; width:370px; text-align:center; border-right:1px solid #bdbec1;} #container #theForumTVBox p { padding:0 0 3px 0;} #container #theForumTVBox #tvBox { width:314px; margin:0 auto;} #container #theForumTVBox #linksBox { width:300px; margin:5px auto; text-align:left;} #container #theForumTVBox #linksBox a { color:#808285;} #container #theForumTVBox #carouselBox { width:365px;} #container #latestNewsBox { float:left; padding:0 0 0 10px;} #container #latestNewsBox .latestNewsItem { margin-bottom:5px; width:325px;} #container #latestNewsBox .latestNewsItem .newsPic { float:left; width:120px;} #container #latestNewsBox .latestNewsItem .newsInfo { float:right; width:195px;} #container #latestNewsBox .latestNewsItem .newsInfo a { color:#808285; text-decoration:none;} #container #latestNewsBox .latestNewsItem .newsInfo a:hover { text-decoration:underline;} #container #latestNewsBox #linksBarNarrow { width:325px;} #container #latestNewsBox #linksBarNarrow .rssLink { float:left; margin-right:105px;} #container #latestNewsBox #linksBarNarrow .viewLink { float:left; margin-right:105px; color:#808285; line-height:24px;} #container #latestNewsBox #linksBarNarrow .nextPrev { float:left;} #container #latestNewsBox #linksBarNarrow .nextPrev .icon { float:left;} #container .partnerBox { margin-bottom:5px; border-bottom:1px solid #bdbec1; padding:20px 0 5px 0} #container .partnerBoxLast { margin-bottom:5px; border-bottom:none; padding:20px 0 5px 0} #container .partnerPic { float:left; width:120px;} #container .partnerInfo { float:right; width:200px;} #container .partnerInfo a { color:#808285; text-decoration:none; font-size:12px;} #container .partnerInfo a:hover { text-decoration:underline;} #container #buyTicketsBox { margin-bottom:20px;} #container #buyTicketsBox #buyLink { float:left; margin:3px 10px 0 0;} #container #buyTicketsBox #buyInfo { float:left; font-size:12px;} #container #reviewsBox { border-top:1px solid #bdbec1; padding:10px 0 0 0;} #container #reviewsBox .review { border-bottom:1px solid #bdbec1; padding:10px 0;} #container #reviewsBox .reviewLast { border-bottom:none; padding:10px 0;} #container #eventImagesBox { width:265px; padding:10px; border:2px solid #eeefef; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x;} #container #eventImagesBox .image { float:left; margin:0 3px 3px 0;} #container #eventImagesBox .imageEOR { float:left; margin:0 0 3px 0;} #container #eventImagesBox #viewImagesLink { margin:10px 0;} #container #eventImagesBox #viewImagesLink a { color:#808285; font-size:14px; text-decoration:none;} #container #eventImagesBox #viewImagesLink a:hover { text-decoration:underline;} #container #bannerImage { width:674px; height:300px; position:relative; margin-bottom:20px;} #container #bannerImage .bannerImg { position:absolute; left:-22px; top:0;} #container #smallInfoBox { width:265px; padding:10px 10px 5px 10px; border:2px solid #eeefef; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x; height:auto !important; height:200px; min-height:200px;} #container .jobBox { padding:0; border-bottom:1px solid #eeefef; margin-bottom:10px;} #container #auditoriumJump { width:680px; height:185px; background:url(/assets/images/auditoriumJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #auditoriumJump:hover { width:680px; height:185px; background:url(/assets/images/auditoriumJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #styleBarJump { width:680px; height:185px; background:url(/assets/images/styleBarJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #styleBarJump:hover { width:680px; height:185px; background:url(/assets/images/styleBarJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #atticJump { width:680px; height:185px; background:url(/assets/images/atticJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #atticJump:hover { width:680px; height:185px; background:url(/assets/images/atticJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #balconyBarJump { width:680px; height:185px; background:url(/assets/images/balconyBarJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #balconyBarJump:hover { width:680px; height:185px; background:url(/assets/images/balconyBarJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #eleHouseJump { width:680px; height:185px; background:url(/assets/images/eleHouseJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #eleHouseJump:hover { width:680px; height:185px; background:url(/assets/images/eleHouseJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #restaurantJump { width:680px; height:185px; background:url(/assets/images/restaurantJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #restaurantJump:hover { width:680px; height:185px; background:url(/assets/images/restaurantJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container #cafeJump { width:680px; height:185px; background:url(/assets/images/cafeJumpBg.jpg) 0 0 no-repeat; display:block; cursor:pointer; position:relative; text-decoration:none; margin-bottom:5px;} #container #cafeJump:hover { width:680px; height:185px; background:url(/assets/images/cafeJumpBg.jpg) 0 -185px no-repeat; display:block; cursor:pointer; text-decoration:none;} #container .jumpText { position:absolute; top:0px; left:20px; color:#FFFFFF; width:125px; padding:20px 15px 20px 15px; font-size:12px;} #container .jumpText .jumpTitle { font-size:20px; font-weight:normal; margin-bottom:10px;} #container .venueJump { width:164px; float:left; margin:0 10px 30px 0;} #container .venueJump .jumpImg { margin-bottom:5px; height:82px;} #container .venueJump .venueJumpInfo { color:#000000; padding:0 5px;} #container .nights { float:left; width:306px; height:215px; padding:10px; margin:0 10px 10px 0;} #container #leftSmall { float:left; width:450px;} #container #rightSmall { float:right; width:203px; margin:5px 5px 0 0;} #container #societiesBox #societiesListBox { width:535px; height:253px; overflow:auto;} #container #societiesBox #societiesListBox .society { width:510px; border-bottom:1px solid #cccecf; padding:0 0 10px 0; margin-bottom:10px;} #container #societiesBox #societiesListBox .society .leftCol { float:left; width:182px;} #container #societiesBox #societiesListBox .society .rightCol { float:left; width:320px;} #container #refineBar { width:698px; height:32px; padding:7px 10px 0 10px; background:url(/assets/images/refineBarBg.gif) 0 0 no-repeat; color:#FFFFFF; line-height:25px; margin:0 0 10px 10px;} #container #refineBar .refineText { float:left; margin-right:20px;} #container #refineBar .refineTitle { float:left; font-size:24px; margin-right:200px;} #container #refineBar #nextMonthBtn { float:left; margin-right:4px;} #container #refineBar #backBtn { float:left;} #container #refineBar #refineSearchForm { float:left; padding:0; margin:0; width:232px;} #container #refineBar #refineSearchForm label { float:left; margin-right:10px; width:40px;} #container #refineBar #refineSearchForm .refineSearchInput { float:left; width:170px; height:20px; padding:6px 0 0 3px; border:none; background:url(/assets/images/refineSearchBg.gif) 0 0 no-repeat;} #container #refineBar #arrangeByForm { float:right; padding:0; margin:0;} #container #refineBar #arrangeByForm label { float:left; margin-right:10px; width:60px;} #container #refineBar #arrangeByForm .arrangeBySelect { float:left; width:120px; margin:2px 0 0 0;} #container .latestNewsItem { padding:0; margin:0 0 5px 0; border-bottom:1px solid #cccecf;} #container #eventsBox { width:680px; height:825px; overflow:auto; padding:5px 10px;} #container #eventsBox #eventsLeft { float:left; width:195px; margin-right:20px;} #container #eventsBox #eventsRight { float:left; width:420px; border-left:1px solid #cccecf; padding:0 0 0 20px;} #container #eventsBox .featuredEvent { margin-bottom:5px;} #container #eventsBox .featuredEvent .pic { margin-bottom:5px;} #container #eventsBox .featuredInfo { padding:0 5px;} #container #eventsBox .eventDetailsBox { margin-bottom:10px; border-bottom:1px solid #cccecf; padding:0 0 10px 0;} #container #eventsBox .detailsTitle { color:#C6006F; font-size:16px;} #container #eventsBox .eventLogo { float:right;} #container #eventsBox .buyTicketsBtn { float:left; margin-right:10px;} #container #eventsBox .moreInfoBtn { float:left;} #container #eventsBox .eventsTitleLeft { font-size:24px; font-weight:normal; color:#808285;} #container #map { width : 714px; height : 300px; margin-left : -20px; margin-bottom : 10px; } /* ----- STRUCTURAL BOXES STYLES ----- */ #container .columnContainer { width:728px; margin:0 0 15px 7px;} #container .columnContainer .oneColBoxLeft { float:left; width:357px; margin-right:12px;} #container .columnContainer .oneColBoxRight { float:left; width:357px;} #container .columnContainer .oneColTop { width:357px; height:10px; font-size:0; background:url(/assets/images/oneColBoxTop.gif) no-repeat;} #container .columnContainer .oneColBody { width:348px; padding:0 7px 0 2px; background:url(/assets/images/oneColBoxBody.gif) 0 0 repeat-y;} #container .columnContainer .oneColBody .boxPadding { width:335px; padding:0 5px 5px 8px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x; height:auto !important; height:365px; min-height:365px;} #container .columnContainer .oneColBody .boxPaddingLong { width:335px; padding:0 5px 5px 8px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x; height:auto !important; height:760px; min-height:760px;} #container .columnContainer .oneColBottom { width:357px; height:5px; font-size:0; background:url(/assets/images/oneColBoxBottom.gif) no-repeat;} #container .columnContainer .twoColTop { width:727px; height:9px; font-size:0; background:url(/assets/images/twoColBoxTop.gif) no-repeat;} #container .columnContainer .twoColBody { width:719px; padding:0 6px 0 2px; background:url(/assets/images/twoColBoxBody.gif) 0 0 repeat-y;} #container .columnContainer .twoColBody .twoBoxPadding { width:706px; padding:0 5px 5px 8px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x; height:auto !important; height:362px; min-height:362px;} #container .columnContainer .twoColBody .twoBoxPaddingShort { width:706px; padding:0 5px 5px 8px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x; height:auto !important; height:210px; min-height:210px;} #container .columnContainer .twoColBottom { width:727px; height:7px; font-size:0; background:url(/assets/images/twoColBoxBottom.gif) no-repeat;} #container .columnContainerBox { width:674px; padding:20px; margin:0 0 15px 7px; border:2px solid #eeefef; height:auto !important; height:735px; min-height:735px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x;} #container .columnContainerBoxLong { width:674px; padding:20px 20px 20px 20px; margin:0 0 20px 7px; border:2px solid #eeefef; height:auto !important; height:1100px; min-height:1100px; background:#ffffff url(/assets/images/boxBodyBg.gif) bottom left repeat-x;} #container #left { float:left; width:370px; padding:0 10px 0 0; border-right:1px solid #bdbec1; height:auto !important; height:650px; min-height:650px;} #container #leftShort { float:left; width:370px; padding:0 10px 0 0; border-right:1px solid #bdbec1; height:auto !important; height:595px; min-height:595px;} #container #leftNoLine { float:left; width:370px; padding:0 10px 0 0; height:auto !important; height:640px; min-height:640px;} #container #right { float:right; width:285px;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .bannerLeft { margin:0 0 10px 10px;} .purpleLink { color:#9C0058;} .pinkLink { color:#C6006F;} .largeGreyText { font-size:14px; line-height:18px;} .pinkText { color:#C6006F;} .blackText { color:#000000;} .fullwidth { width : 660px; } .noborder { border : none; } .hr { height : 2px; background : #EEEFEF; margin-bottom : 10px; } .marginTop { margin-top : 10px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} .greyTitleLarge { color:#808285; font-weight:normal; font-size:24px;} .greyTitleExtraLarge { color:#808285; font-weight:normal; font-size:28px;} .greyTitle { color:#808285; font-weight:normal; font-size:22px;} .greyTitleSmall { color:#808285; font-weight:normal; font-size:14px;} .pinkTitle { color:#C6006F; font-size:20px; font-weight:normal;} .pinkTitleLarge { color:#C6006F; font-size:26px; font-weight:normal;} .pinkTitleExtraLarge { color:#C6006F; font-weight:normal; font-size:28px;} .pinkTitleSmall { color:#C6006F; font-size:14px; font-weight:normal; padding:0;} .pinkTitleSmallPadded { color:#C6006F; font-size:14px; font-weight:normal; padding:0 0 10px 0;} /* ----- HEADINGS & PARAGRAPHS ----- */ .list { padding:0 0 0 15px; margin:0 0 10px 0;} .list li { padding:0; list-style:disc;} .listLast { padding:0 0 0 15px; margin:0;} .listLast li { padding:0; list-style:disc;} /* ----- TOP NAVIGATION ----- */ #container #topBar #whatsOnBar { width:449px; height:22px; padding:6px 0 0 5px; background:url(/assets/images/whatsOnBarBg.gif) no-repeat; margin:0 0 17px 5px; color:#FFFFFF;} #container #topBar #whatsOnBar .whatsOn { float:left; } #container #topBar #whatsOnBar .whatsOn a { color : #FFF; text-decoration : none; padding : 6px 0 0 10px; font-size : 11px; display : block; width : 73px; height : 25px; margin : -6px 0 0 -5px; } #container #topBar #whatsOnBar .whatsOn a:link { text-decoration : none; } #container #topBar #whatsOnBar .whatsOn a:hover { text-decoration : underline;} #container #topBar #whatsOnBar ul { list-style:none; padding:0; margin:0; float:left;} #container #topBar #whatsOnBar li { float:left; display:block; padding:0;} #container #topBar #whatsOnBar li a { float:left; display:block; color:#FFFFFF; text-decoration:none; padding:0 5px; border-left:1px solid #ffffff; font-size:12px;} #container #topBar #whatsOnBar li a.first { float:left; display:block; color:#FFFFFF; text-decoration:none; padding:0 5px 0 0; border-left:none;} #container #topBar #whatsOnBar li a.active { color : #C1C3C5; font-weight : bold; } #container #topBar #whatsOnBar li a:hover { text-decoration:underline;} /* ----- LEFT NAVIGATION ----- */ #leftNavBox { width:180px; height:208px;} #leftNav { width:180px; position:absolute; top:73px; left:0px;} #leftNav ul{margin: 0;padding: 0;list-style-type: none;width: 180px; /* Width of Menu Items */} #leftNav ul li{position: relative; background:url(/assets/images/leftNavLineBg.gif) 10px 22px no-repeat; } /*Sub level menu items */ #leftNav ul li ul{position: absolute;width: 100px; /*sub menu width*/top: 0;visibility: hidden; background:#4d4d4d; z-index : 1000;} /* Sub level menu links style */ #leftNav ul li a{display: block;overflow: auto; /*force hasLayout in IE7 */color:#ffffff;text-decoration: none;padding:2px 0 6px 10px; font-size:12px; margin-bottom:2px;} #leftNav ul li a:hover{ text-decoration:none; background:url(/assets/images/leftNavHoverBg.gif) 0 0 no-repeat;} #leftNav li a.active { text-decoration:none; background:url(/assets/images/leftNavHoverBg.gif) 0 0 no-repeat;} #leftNav li ul li { background:none;} #leftNav li ul li a { background:none; font-size:11px; padding:3px 0 3px 10px; margin:0;} /* Holly Hack for IE \*/ * html #leftNav ul li { float: left; height: 1%; } * html #leftNav ul li a { height: 1%; } /* End */ /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(/assets/images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { width:705px; height:22px; color:#ffffff; padding:13px 0 0 15px; margin-bottom:10px;} #breadcrumbs .youAre { float:left; margin-right:5px;} #breadcrumbs ul { list-style:none; padding:0; margin:0; float:left;} #breadcrumbs li { float:left; display:block; padding:0;} #breadcrumbs li a { float:left; display:block; color:#ffffff; text-decoration:none; font-weight:bold; padding:0 8px; background:url(/assets/images/slash.gif) no-repeat left center;} #breadcrumbs li a:hover { text-decoration:underline;} #breadcrumbs li a.firstCrumb { float:left; display:block; background:transparent; text-decoration:none; font-weight:bold; border-left:none; padding:0 5px 0 0;} #breadcrumbs li a.firstCrumb:hover { text-decoration:underline;} /* ----- FOOTER ----- */ #footerContainer { width:940px; margin:0 auto; padding:0; font-size:11px;} #footerContainer #footerLeft { width:180px; float:left; /*background:url(/assets/images/footerLeftBg.gif);*/ height:225px; margin-right:20px;} #footerContainer #footerLeft #footerTitle { width:162px; height:45px; background:url(/assets/images/footerLeftBg.gif) 0 0 no-repeat; color:#FFFFFF; font-size:11px; padding:7px 10px 5px 15px; margin-bottom:15px;} #footerContainer #footerLeft ul { list-style:none; padding:0; margin:0 0 0 15px;} #footerContainer #footerLeft li { float:left; width:70px; height:32px; text-align:center; display:block; margin:0 10px 5px 0;} #footerContainer #footerLeft li img { margin:0 auto;} #footerContainer #footerRight { width:720px; float:left; background:url(/assets/images/footerRightBg.gif); height:225px; position:relative;} #footerContainer #footerRight #footerLogo { position:absolute; top:120px; left:20px;} #footerContainer #footerRight #uniLogo { position:absolute; top:75px; left:20px;} #footerContainer #footerRight .copyright { position:absolute; bottom:15px; left:20px; padding:0; font-size:11px; color:#ffffff;} #footerContainer #footerRight .frPadding { padding:15px 5px 15px 15px;} #footerContainer #footerRight .colTitle { color:#ffffff; padding:0 0 5px 0; font-weight:bold;} #footerContainer #footerRight #colA { float:left; margin:0 0 0 260px; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:70px; padding:10px 0 0 10px;} #footerContainer #footerRight #colA ul { list-style:none; padding:0; margin:0;} #footerContainer #footerRight #colA li { float:left; display:block; } #footerContainer #footerRight #colA li a { float:left; display:block; padding:0 0 2px 19px; background:url(/assets/images/rssIcon.gif) -1px -1px no-repeat; color:#ffffff; text-decoration:none;} #footerContainer #footerRight #colA li a:hover { text-decoration:underline;} #footerContainer #footerRight #colB { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:65px; padding:10px 0 0 10px;} #footerContainer #footerRight #colB ul { list-style:none; padding:0; margin:0;} #footerContainer #footerRight #colB li { } #footerContainer #footerRight #colB li a { padding:0 0 3px 0px; color:#ffffff; text-decoration:none;} #footerContainer #footerRight #colB li a:hover { text-decoration:underline;} #footerContainer #footerRight #colC { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:110px; padding:10px 0 0 10px;} #footerContainer #footerRight #colD { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:120px; padding:10px 0 0 10px;} #footerContainer #footerRight #colD p { color:#FFFFFF; } #footerContainer #footerRight #colD a { color:#FFFFFF; } #footerContainer #footerRight .footerList { list-style:none; padding:0; margin:0;} #footerContainer #footerRight .footerList li { float:left; display:block; width:100px;} #footerContainer #footerRight .footerList li a { float:left; display:block; padding:0 0 3px 0px; color:#ffffff; text-decoration:none;} #footerContainer #footerRight .footerList li a:hover { text-decoration:underline;} #footerContainer #footerRight #footerListWide { list-style:none; padding:0; margin:0;} #footerContainer #footerRight #footerListWide li { float:left; display:block; width:130px;} #footerContainer #footerRight #footerListWide li a { float:left; display:block; padding:0 0 3px 0px; color:#ffffff; text-decoration:none;} #footerContainer #footerRight #footerListWide li a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 10px 0; margin:0; } address { font-style:normal;} em { font-style:italic; } /* ----- LINKS ----- */ a { color:#000000; font-weight:normal; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#0033FF;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { position:relative;} #frmContact p { padding:7px 0;} #frmContact div { margin-bottom:4px;} #frmContact label { display:block; width:85px; float:left; line-height:22px;} #frmContact .formInput { background:url(/assets/images/formInputBg.gif) 0 0 no-repeat; width:169px; height:15px; padding:5px 4px 4px 4px; border:none;} #frmContact .formTextArea { background:url(/assets/images/formTextAreaBg.gif) 0 0 no-repeat; width:169px; height:58px; border:none; padding:4px;} #frmContact .formSelect { width:177px; margin:0;} #frmContact .formFile { width:177px !important; margin:0;} #frmContact #submitBtn { position:absolute; top:200px; left:-5px; width:85px; height:33px;} #frmContact #submit { width:85px; height:33px;} .formInput { background:url(/assets/images/formInputBg.gif) 0 0 no-repeat; width:169px; height:15px; padding:5px 4px 4px 4px; border:none;} .formTextArea { background:url(/assets/images/formTextAreaBg.gif) 0 0 no-repeat; width:169px; height:58px; border:none; padding:4px;} .submitBtn { width:135px; height:16px; float:right; padding:5px 0 0 0;} .smallLabel { display:block; width:110px !important; float:left;} .contactTable { width:250px;} /* ----- FORM VALIDATION ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } p.error { font-weight:bold; color:red; }