/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 08 February 2012 19:25:49 */ /* ----------------- =global ------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: #f4f4f4; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body { font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif; } strong, b, strong *, b * { font-weight: bolder; } em, i, em *, i * { font-style: italic; } img { display: block; border: 0; } a:link, a:visited { color: #990D34; text-decoration: none; } a:hover, a:active { color: #990D34; text-decoration: underline; } label[for] { cursor: pointer; } input, select, option, textarea { vertical-align: middle; } input.img, select.img { width: auto !important; height: auto !important; border: 0 !important; } /* hidden elements */ .h, div.hr hr { position: absolute; top: -9900px; left: 0; display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -9990px; font-size: 1px; } /* headers replaced with images */ .r { z-index: 25; } /* floats clear */ .clear { clear: both; font-size: 1px; visibility: hidden; } /* floats clear */ .clear2 { clear: both; font-size: 1px; margin-bottom: 10px; } /* ----------------- =base ------------------*/ body { color: #333; } #wrap { height: auto; /*overflow: hidden;*/ background: #f4f4f4; } /* ----------------- =basic layout ------------------*/ body { } #inner { width: 954px; margin: 0 auto; background: #fff; /*overflow: auto;*/ } /* ----------------- =header ------------------*/ #header { height: auto; overflow: hidden; padding: 0 0 0 0; } /* ----------------- =logo ------------------*/ #logo { /*float: left;*/ display: inline; width: 953px; height: 144px; margin: 10px 0 0; font-size: 1em; font-weight: bolder; } #logo a { position: relative; display: block; width: 953px; height: 144px; overflow: hidden; color: #B6024A; } #logo .r { position: absolute; top: 0; left: 0; display: block; width: 953px; height: 144px; } #logo .banner { background-image:url("http://www.westminster.ac.uk/__data/assets/image/0009/59283/banner-lon-pan.jpg")!important; } /* ----------------- =personal ------------------*/ #personal { display: inline; margin: 0 0px 0px 75px; line-height: 1em; width: 180px; } #personal p { display: inline; font-size: 1.1em; } #main-nav ul li#personal { line-height: 18px; } #main-nav div#personal { position: absolute; left: 630px; } #personal form { padding-top: 7px; } #personal form label { color: #FFFFFF; vertical-align: middle; } #personal form input { vertical-align: middle; } #personal form #queries_keywords_query { width: 150px; height: 16px; padding: 2px; margin-right: 4px; border: 0px none; border-color: #333 #ccc #ccc #333; } #personal form #queries_keywords_query:focus { border-color: #990d34; } /* ----------------- =main-nav ------------------*/ #main-nav { clear: both; position: relative; height: 34px; background: #687b88; width: 953px; } /* ----------------- =main menu ------------------*/ #main-nav ul { float: left; position: absolute; top: 0; left: 0; /* deleted height: 31px; */ height: 34px; padding: 0 0 0 10px; background: #687b88; /*width: 923px;*/ } #main-nav ul li { position: relative; float: left; display: inline; /* deleted height: 31px; */ height: 34px; font-size: 1.4em; /* deleted line-height: 31px; */ line-height: 34px; } /*big block of CSS in scratch now */ #main-nav ul li a { display: block; height: 34px; padding: 0 0 0 3px; background: 20px 50% no-repeat; /*border-left: 1px solid #fff;*/ /* deleted line-height: 31px; */ line-height: 34px; text-align: left; color: #FFF; text-decoration: none; } #main-nav ul li a:hover { color: #fff; } #main-nav ul li.ho { /*width: 102px; */ width: 50px; /*margin-left:-20px;*/ } #main-nav ul li.ho a { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top; } #main-nav ul li.ho a:hover { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1267/home-bg.gif); text-decoration: underline; } #main-nav ul li.st { width: 166px; /*margin-left: 10px;*/ } #main-nav ul li.st a { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top; } #main-nav ul li.st a:hover { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1293/teal-bg.gif); text-decoration:underline; } #main-nav ul li.re { width: 75px; } #main-nav ul li.re a { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top; } #main-nav ul li.re a:hover { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0012/1263/green-bg.gif); text-decoration:underline; } #main-nav ul li.bu { width: 72px; } #main-nav ul li.bu a { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top; } #main-nav ul li.bu a:hover { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0012/1245/blue-bg.gif); text-decoration:underline; } #main-nav ul li.sc { width: 175px; } #main-nav ul li.sc a { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top; } #main-nav ul li.sc a:hover { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1285/orange-bg.gif); text-decoration:underline; } #main-nav ul li.ab { width: 64px; } #main-nav ul li.ab a { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png); background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1249/default-bg.gif); background-repeat: no-repeat; background-position: right top;*/ } #main-nav ul li.ab a:hover { /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1257/dot_green2.png);*/ /*background-image: url(http://www.westminster.ac.uk/__data/assets/image/0018/1287/pink-bg.gif); text-decoration:underline; background-position: right top; background-repeat: no-repeat;*/ background-color: #dc0667; } /* RD for li SELECTED */ #wrap #main-nav ul li#selected { margin-bottom: 0;} /*#main-nav ul li#selected.st { text-decoration: underline; }*/ /*#main-nav ul li.st#selected { text-decoration: underline; }*/ #main-nav ul li#selected a { text-decoration: underline; } #main-nav ul li#selected ul li a { text-decoration: none; } #main-nav ul li#selected ul li a:hover { text-decoration: underline; } #main-nav ul li.textonly { /*width:95px;*/ font-size: 110%; text-align:left; float:left; padding-left: 10px; } #main-nav div.textonly { position: absolute; left: 900px; top: 10px; font-size: 110%; } #main-nav div.textonly a:link, #main-nav div.textonly a:hover, #main-nav div.textonly a:active, #main-nav div.textonly a:visited { color: white; } #main-nav ul li.textonly a:hover { text-decoration:underline; } #main-nav ul ul { position: absolute; top: 34px; left: -9990px; z-index: 9999; width: 312px; height: auto; overflow: visible; padding: 10px 0; background: #eee; /*url(http://www.westminster.ac.uk/__data/assets/image/0013/1291/rollover_bg.png);*/ } #main-nav ul li:hover ul, #main-nav ul li.hover ul { left: 0; } #main-nav ul li.ab:hover ul, #main-nav ul li.ab-hover ul { left: auto; right: 0; } /* This corrects the drop down issue with the background */ #main-nav li.ho ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0019/17740/silver-hover-bg.gif); } #main-nav li.sc ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1283/menu-hover-bg.gif); } #main-nav li.st ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0017/1295/teal-hover-bg.gif); } #main-nav li.re ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1265/green-hover-bg.gif); } #main-nav li.bu ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1247/blue-hover-bg.gif); } #main-nav li.ab ul a:hover { left: auto; right: 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0020/1289/pink-hover-bg.gif); } #main-nav ul ul li { position: relative; float: none; display: block !important; height: auto; font-size: 0.85em; line-height: 1.3em; } #main-nav ul ul li:hover, #main-nav ul ul li.hover { background: #A3A4A7; } #main-nav ul ul li a { position: relative; display: block; width: 289px; height: auto; overflow: hidden; padding: 5px 3px 3px 20px; border-left: none; line-height: 1.3em; text-align: left; } #main-nav ul ul li a:link, #main-nav ul ul li a:visited { color: #333; background: url(http://www.westminster.ac.uk/__data/assets/image/0013/1516/blank.gif); } #main-nav ul ul li a:hover, #main-nav ul ul li a:active { color: #fff; background: none; background: #A3A4A7; } /* ----------------- =breadcrums ------------------*/ #breadcrumbs { padding: 12px 35px; color: #990d34; font-size: 1.2em; } #breadcrumb-nav li { display: inline; padding-right: 4px; } /* ----------------- =footer ------------------*/ #footer { width: 954px; height: auto; overflow: hidden; margin: -1px auto 0; padding: 15px 0 30px; border-top: 3px solid #990D34; font-size: 1.2em; color: #444263; } #footer a { color: #444263; } #footer h2 { margin: 0 13px; font-size: 1.5em; color: #990D34; } #footer p { float: left; display: inline; margin: 0 0 0 13px; width: 350px; } #footer ul { float: right; clear: right; display: inline; margin: 0 0 1.3em; padding: 0.2em 0; line-height: 1em; } #footer ul li { float: left; display: inline; padding: 0 4px; border-left: 1px solid #990D34; } #footer ul li.first-item { border: 0; } #footer ul li img { display: inline; float: left; } #footer p.note { float: none; clear: both; display: block; width: auto; padding: 15px 0; color: #990D34; font-size: 0.9em; } /* ----------------- =content ------------------*/ #content { clear: both; margin-left: 30px; margin-right: 30px; } /* ----------------- =subpages ------------------*/ /* ----------------- =article ------------------*/ /* ----------------- =main-content ------------------*/ .article #main-content { float: right; display: inline; width: 641px; margin: 0 5px 0 0; padding: 0 0 75px; color: #4d4d4d; font-size: 1.2em; line-height: 1.3em; } .article #main-content h1 { padding: 0 0 0.7em; font-size: 2em; font-weight: bold; } .article #main-content p { margin: 0 0 1em; } .article #main-content .intro { font-size: 1.2em; font-weight: bolder; line-height: 1.6em; } .article #main-content .date { color: #444263; font-size: 1.1em; font-style: italic; } .article #main-content .pic { float: right; display: inline; margin: 0 0 10px 10px; } .article #main-content .pic img { margin: 0 0 5px; } .article #main-content .pic span { padding: 0 8px; font-size: 0.9em; font-style: italic; } .article #main-content .art-type-1 { float: left; display: inline; width: 670px; } .article #main-content .dept-home { width: 490px; } .article #main-content .dept-home h2 { color: 4d4d4d; line-height: 1.5em; } .article #main-content .dept-home h3 { color: #4d4d4d; font-size: 1.2em; font-weight: bolder; } .article #main-content .dept-home .pic { margin-right: -148px; } /*new */ .article #main-content ul { list-style:square; margin-left: 25px; margin-bottom: 16px; } .article #main-content ul li { line-height: 1.8em; } .article #main-content ol { list-style: decimal; margin-left: 25px; margin-bottom: 16px; } .article #main-content ol li { line-height: 1.8em; } .article #main-content cite { background-color: #fff; border: #CCCCCC 1px solid; padding: 5px; margin-top: 15px; width: auto; display: block; } .article #main-content h1 { font-size: 25pt; line-height: 35pt; } .article #main-content h1 { font-size: 20pt; line-height: 25pt; } .article #main-content h3 { font-size: 16pt; line-height: 25pt; } .article #main-content h4 { font-weight: bolder; } .article #main-content #columnleft { width: 310px; float: left; display: block; margin-right: 30px; } .article #main-content #columnright { position: relative; left: 0; display: block; margin: auto; overflow: auto; } /* ----------------- =column div styles - coursecolumnleft=columnleft380 AND coursecolumnright=columnright240 are the same. coursecolumnleft etc has been in use by WBS, please check their site before removing. ------------------*/ .article #main-content #coursecolumnleft { width: 380px; float: left; display: inline; margin-right: 20px; } .article #main-content #coursecolumnright { float: right; width: 240px; } /* ----------------- =used when there are just 2 divs on each page and 2 columns ------------------*/ .article #main-content #columnleftwide { width: 430px; float: left; display: inline; margin-right: 20px; } .article #main-content #columnrightnarrow { float: right; width: 190px; } /* ----------------- =meta ------------------*/ .article .meta { clear: left; margin-top: 30px; width: 231px; color: #990D34; } .article .meta .related { background: url(http://www.westminster.ac.uk/__data/assets/image/0010/1243/bg.png) repeat-y #F2F2F2; margin-bottom: 10px; } .article .meta .related h3 { padding: 8px 10px 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0012/1416/bg_top.png) no-repeat; font-size: 1.2em; font-weight: normal; } .article .meta .related h3 span { display: block; padding: 0 0 2px; border-bottom: 2px solid #990D34; } .article .meta .related ul { padding: 10px 10px 4px; background: url(http://www.westminster.ac.uk/__data/assets/image/0010/1414/bg_bot.png) 0 100% no-repeat; } .article .meta .related ul li { padding: 0 0 0 6px; margin: 0 0 7px; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1418/dot.png) 0 0.5em no-repeat; } /* ----------------- =sections ------------------*/ .article .sections { height: auto; overflow: hidden; margin: 30px 0 0; clear: both; } .article .sections li { float: left; display: inline; width: 150px; padding: 0 0 0 17px; margin: 0 0 0 17px; border-left: 1px solid #ccc; } .article .sections li.first-item { padding-left: 0; margin-left: 0; border-left: none; } .article .sections li h3 { font-size: 1em; font-weight: normal; } .article .sections li img { margin: 12px 0 10px; } .article .sections li p { margin: 0; } /* ----------------- =submenu ------------------*/ .article #submenu { float: left; display: inline; width: 229px; } .article #submenu h2 { color: #fff; font-size: 1.8em; } .article #submenu h2 span { display: block; padding: 11px 13px; } .article #submenu h2 span a { color: #fff; } /* default colors */ .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0016/1438/header_bg_top_brown.png) no-repeat #fA6E00; } .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0011/1424/header_bg_bot_brown.png) 0 100% no-repeat; } /* grey */ .home .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0011/1442/header_bg_top_grey.png) no-repeat #9c9d9f; } .home .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0015/1428/header_bg_bot_grey.png) 0 100% no-repeat; } /* teal */ .studying .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0015/1446/header_bg_top_teal.png) no-repeat #009997; } .studying .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0010/1432/header_bg_bot_teal.png) 0 100% no-repeat; } /* green */ .research .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0009/1440/header_bg_top_green.png) no-repeat #3d9522; } .research .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0013/1426/header_bg_bot_green.png) 0 100% no-repeat; } /* blue */ .business .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1436/header_bg_top_blue.png) no-repeat #2d85c2; } .business .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0009/1422/header_bg_bot_blue.png) 0 100% no-repeat; } /* brown */ .schools .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0016/1438/header_bg_top_brown.png) no-repeat #fa6e00; } .schools .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0011/1424/header_bg_bot_brown.png) 0 100% no-repeat; } /* red */ .about .article #submenu h2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0013/1444/header_bg_top_red.png) no-repeat #d80067; } .about .article #submenu h2 span { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/1430/header_bg_bot_red.png) 0 100% no-repeat; } .article #submenu ul.submenu { margin: 2px 0 20px; font-size: 1.2em; } .article #submenu ul.submenu li { margin: 0 0 2px; } #wrap .article #submenu ul.submenu li.selected { margin-bottom: 0; font-weight: bolder; } .article #submenu ul.submenu li.selected li { font-weight: normal; } .article #submenu ul.submenu li.selected a { margin: 0 0 2px; } .article #submenu ul.submenu li a { display: block; background: url(http://www.westminster.ac.uk/__data/assets/image/0010/1450/item_bg_top.gif) no-repeat; color: #333; } .article #submenu ul.submenu li a span { display: block; padding: 2px 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0017/1448/item_bg_bot.gif) 0 100% no-repeat; } .article #submenu ul.submenu li a span { padding-left: 13px; } .article #submenu ul.submenu li li a span { padding-left: 23px; } .article #submenu ul.submenu li li li a span { padding-left: 35px; } #wrap .article #submenu ul.submenu li.selected ul.last-list li a { background: none !important; } .article #submenu ul.submenu li.selected ul.last-list li a span { padding: 3px 2px 3px 0; } .article #submenu ul.submenu li.selected ul.last-list li a span { padding-left: 23px; } .article #submenu ul.submenu li li.selected ul.last-list li a span { padding-left: 35px; } .article #submenu ul.submenu li li li.selected ul.last-list li a span { padding-left: 48px; } .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-repeat: no-repeat; } .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-position: 13px 0.8em; } .article #submenu ul.submenu li li.selected ul.last-list li.selected a span { background-position: 23px 0.8em; } .article #submenu ul.submenu li li li.selected ul.last-list li.selected a span { background-position: 36px 0.8em; } /* default colors */ .article #submenu ul.submenu li a { background-color: #BEB198; } .article #submenu ul.submenu li.selected a { background-color: #A48D64; } #wrap .article #submenu ul.submenu li li a { background-color: #D9D4CC; } #wrap .article #submenu ul.submenu li li.selected a { background-color: #BEB198; } #wrap .article #submenu ul.submenu li li.selected li a { background-color: #D9D4CC; } #wrap .article #submenu ul.submenu li li li.selected a { background-color: #CCC2B2; } .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0012/1452/item_selected_dot.png); } /* grey */ .home .article #submenu ul.submenu li a { background-color: #BABABC; } .home .article #submenu ul.submenu li.selected a { background-color: #9C9D9F; } .home #wrap .article #submenu ul.submenu li li a { background-color: #D9DADA; } .home #wrap .article #submenu ul.submenu li li.selected a { background-color: #BABABC; } .home #wrap .article #submenu ul.submenu li li.selected li a { background-color: #D9DADA; } .home #wrap .article #submenu ul.submenu li li li.selected a { background-color: #C9CACB; } .home .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0011/1460/item_selected_dot_grey.png); } /* teal */ .studying .article #submenu ul.submenu li a { background-color: #ceefef; } .studying .article #submenu ul.submenu li.selected a { background-color: #coe8e7; } .studying #wrap .article #submenu ul.submenu li li a { background-color: #C5DEDA; } .studying #wrap .article #submenu ul.submenu li li.selected a { background-color: #99C4BD; } .studying #wrap .article #submenu ul.submenu li li.selected li a { background-color: #C5DEDA; } .studying #wrap .article #submenu ul.submenu li li li.selected a { background-color: #B6D5D0; } .studying .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0015/1464/item_selected_dot_teal.png); } /* green */ .research .article #submenu ul.submenu li a { background-color: #bfe3b4; } .research .article #submenu ul.submenu li.selected a { background-color: #a6d099; } .research #wrap .article #submenu ul.submenu li li a { background-color: #9ec990; } .research #wrap .article #submenu ul.submenu li li.selected a { background-color: #7dca65; } .research #wrap .article #submenu ul.submenu li li.selected li a { background-color: #D9E0BE; } .research #wrap .article #submenu ul.submenu li li li.selected a { background-color: #C9D3A3; } .research .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0018/1458/item_selected_dot_green.png); } /* blue */ .business .article #submenu ul.submenu li a { background-color: #f3f8fc; } .business .article #submenu ul.submenu li.selected a { background-color: #d1e8f8; } .business #wrap .article #submenu ul.submenu li li a { background-color: #b0d6f1; } .business #wrap .article #submenu ul.submenu li li.selected a { background-color: #7bc2f3; } .business #wrap .article #submenu ul.submenu li li.selected li a { background-color: #BFCBDA; } .business #wrap .article #submenu ul.submenu li li li.selected a { background-color: #AEBDD0; } .business .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0014/1454/item_selected_dot_blue.png); } /* brown */ .schools .article #submenu ul.submenu li a { background-color: #f8d5b9; } .schools .article #submenu ul.submenu li.selected a { background-color: #eebc94; } .schools #wrap .article #submenu ul.submenu li li a { background-color: #f2bb90; } .schools #wrap .article #submenu ul.submenu li li.selected a { background-color: #f0964f; } .schools #wrap .article #submenu ul.submenu li li.selected li a { background-color: #D9D4CC; } .schools #wrap .article #submenu ul.submenu li li li.selected a { background-color: #CCC2B2; } .schools .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0016/1456/item_selected_dot_brown.png); } /* red */ .about .article #submenu ul.submenu li a { background-color: #f1c5da; } .about .article #submenu ul.submenu li.selected a { background-color: #dda0bd; } .about #wrap .article #submenu ul.submenu li li a { background-color: #d989af; } .about #wrap .article #submenu ul.submenu li li.selected a { background-color: #da5a97; color: #fff; } .about #wrap .article #submenu ul.submenu li li.selected li a { background-color: #D896AE; color: #333; } .about #wrap .article #submenu ul.submenu li li li.selected a { background-color: #CE7A98; } .about .article #submenu ul.submenu li.selected ul.last-list li.selected a span { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0013/1462/item_selected_dot_red.png); } /* ----------------- =section-homepage ------------------*/ .section-homepage { padding: 6px 0 1px; } /* ----------------- =main-content (1) ------------------*/ .section-homepage #main-content-1 { height: auto; overflow: hidden; width: 890px; margin: 0 2px; font-size: 1.2em; } .section-homepage h2 { margin: 0 0 0.3em; color: #333; font: 3em Arial, Helvetica, sans-serif; } .section-homepage #main-content-1 a { color: #fff; } .section-homepage #main-content-1 .stories { padding: 8px; background: #333; } .section-homepage #main-content-1 .stories .main-story { position: relative; } .section-homepage #main-content-1 .stories .main-story div { position: absolute; top: 0; left: 0; width: 300px; padding: 5px 5px 20px; background: #333; color: #eee; } .section-homepage #main-content-1 .stories .main-story div h3 { font-size: 3em; font-weight: normal; } .section-homepage #main-content-1 .stories .main-story div p { font-size: 1.2em; } .section-homepage #main-content-1 .stories .featured { height: auto; overflow: hidden; padding: 16px 0; background: #454545; } .section-homepage #main-content-1 .stories .featured li { position: relative; float: left; display: inline; margin: 0 8px; } .section-homepage #main-content-1 .stories .featured li div { /*change*/ position: relative; top: 2px; bottom: 0; left: 0; width: 142px; padding: 3px 0; background-color: #222; text-indent: 3px; } .section-homepage #main-content-1 .boxes { height: auto; overflow: hidden; margin: 1em 0px; padding: 10px 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0020/1496/boxes_bg.png) repeat-y #333; color: #fff; } .section-homepage #main-content-1 .boxes a { color: #fff; } .section-homepage #main-content-1 .boxes .story { float: left; display: inline; width: 380px; margin: 0 0 0 20px; font-size: 1.5em; } .section-homepage #main-content-1 .boxes .story p { margin: 0 0 1em; } .section-homepage #main-content-1 .boxes .news { float: left; display: inline; width: 180px; margin: 0 0 0 75px; } .section-homepage #main-content-1 .boxes .news h3 { margin: 0 0 0.6em; font-size: 1.5em; font-weight: normal; } .section-homepage #main-content-1 .boxes .news h3 img { display: inline; margin: 0 0 0 12px; vertical-align: middle; } .section-homepage #main-content-1 .boxes .events { float: left; display: inline; width: 165px; margin: 0 0 0 57px; } .section-homepage #main-content-1 .boxes .events h3 { margin: 0 0 0.6em; font-size: 1.5em; font-weight: normal; } .section-homepage #main-content-1 .boxes .events h3 img { display: inline; margin: 0 0 0 12px; vertical-align: middle; } /* ----------------- =main-content (2) ------------------*/ .section-homepage #main-content-2 { /* width changed */ width: 890px; height: auto; overflow: hidden; margin: 0 2px 1.7em; color: #eee; } .studyingbg { background: url(http://www.westminster.ac.uk/__data/assets/image/0007/1510/studying_desc_bg.png) repeat-y #73aea4; } .researchbg { background: url(http://www.westminster.ac.uk/__data/assets/image/0010/1504/research_desc_bg.png) repeat-y #73aea4; } .businessbg { background: url(http://www.westminster.ac.uk/__data/assets/image/0004/1498/business_desc_bg.png) repeat-y #73aea4; } .schoolsbg { background: url(http://www.westminster.ac.uk/__data/assets/image/0012/1506/schools_desc_bg.png) repeat-y #8C7955; } .aboutbg { background: url(http://www.westminster.ac.uk/__data/assets/image/0018/1494/about_desc_bg.png) repeat-y #8C7955; } .section-homepage #main-content-2 a { color: #fff; } .section-homepage #main-content-2 .description { float: left; display: inline; width: 330px; padding: 8px 0 10px; margin: 0 0 0 13px; font-size: 1.3em; } .section-homepage #main-content-2 .description h2 { margin: 0 0 0.3em; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 2.7em; } .section-homepage #main-content-2 .description .intro { font-size: 1.5em; line-height: 1.2em; } .section-homepage #main-content-2 .description h3 { margin: 0.8em 0; font-size: 1.5em; line-height: 1.2em; } .section-homepage #main-content-2 .description ul { padding: 0 20px 0 0; } .studyingbg .description ul.related_links li a.arrow_white:link, .studyingbg .description ul.related_links li a.arrow_white:visited { background: url(http://www.westminster.ac.uk/__data/assets/image/0006/59280/arrow_white_link.gif) 0 5px no-repeat; padding: 0 25px 0 13px; display: block; } .studyingbg .description ul.related_links li a.arrow_white:focus, .studyingbg .description ul.related_links li a.arrow_white:hover, .studyingbg .description ul.related_links li a.arrow_white:active { background: url(http://www.westminster.ac.uk/__data/assets/image/0018/57006/arrow_light_grey_link.gif) 0 5px no-repeat; } .section-homepage #main-content-2 .stories { float: right; display: inline; width: 513px; padding: 8px 0 8px; margin: 0 8px 0px 0px; font-size: 1.2em; } .section-homepage #main-content-2 .stories .main-story { position: relative; } .section-homepage #main-content-2 .stories .main-story div { position: relative; bottom: 0; left: 0; width: 100%; padding: 5px 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0009/1512/title_bg.png); } .section-homepage #main-content-2 .stories .main-story div h3 { margin: 0 7px; font-size: 1.9em; } .section-homepage #main-content-2 .stories .main-story div p { margin: 0 7px; font-size: 1.2em; } .section-homepage #main-content-2 .stories .featured { height: auto; overflow: hidden; } .section-homepage #main-content-2 .stories .featured li { position: relative; float: left; display: inline; margin-left: 1px; } .section-homepage #main-content-2 .stories .featured li div { position: relative; bottom: 0; left: 0; width: 100%; padding: 3px 0; background: url(http://www.westminster.ac.uk/__data/assets/image/0009/1512/title_bg.png); text-indent: 3px; } /* ----------------- =sections ------------------*/ .section-homepage .sections { height: auto; overflow: hidden; margin: 0 0 1em; padding: 12px 0; background: #E5E5E5; font-size: 1.2em; } .section-homepage .sections a { color: #333; } .section-homepage .sections div { float: left; display: inline; width: 206px; margin: 0 45px; } .section-homepage .sections div.black { float: left; display: inline; width: 226px; margin: 0 0 0 35px; padding: 15px; height: auto; min-height: 245px; background: black; color: white; } .section-homepage .sections div.black a:link, .section-homepage .sections div.black a:active, .section-homepage .sections div.black a:focus, .section-homepage .sections div.black a:visited { color: white; text-decoration: underline; } .section-homepage .sections div.black a:hover, .section-homepage .sections div.black a:visited:hover { text-decoration: none; } .section-homepage .sections h3 { margin: 0 0 0.6em; font-size: 1.5em; } .section-homepage .sections ul { } .section-homepage .sections ul li { margin: 0 0 0.8em; padding: 0 0 0 8px; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1508/sections_dot.png) 0 0.5em no-repeat; } /* ----------------- =links ------------------*/ .section-homepage .links { height: auto; overflow: hidden; margin: 0 0 1em; padding: 12px 0; font-size: 1.2em; } .section-homepage .links a { color: #333; } .section-homepage .links div { float: left; display: inline; width: 190px; margin: 0 15px; } .section-homepage .links h3 { margin: 0 0 0.6em; font-size: 1.5em; } .section-homepage .links ul { } .section-homepage .links ul li { margin: 0 0 0.8em; padding: 0 0 0 20px; background: url(http://www.westminster.ac.uk/__data/assets/image/0008/1502/links_dot.png) 0 0.5em no-repeat; } /* ----------------- =homepage ------------------*/ .homepage { line-height: 1.4em; font-size: 1.2em; padding-bottom: 1px; } .left_panel { width: 600px; float: left; clear: left; margin-bottom: 12px; height: auto; min-height: 479px; } .right_panel { float: left; margin: 0 0 12px 12px; width: 282px; height: auto; min-height: 479px; } /* ----------------- =main-content ------------------*/ .homepage #maincontent { margin: 24px 0 0 0; color: #333; height: auto; min-height: 491px; } .homepage #maincontent .main-story { position: relative; z-index: 100; /*float: left; display: inline;*/ width: 600px; margin-bottom: 12px; } .homepage #maincontent .main-story div { bottom: 0; width: 600px; padding: 0; background: #009997; /* temporary height set*/ height: 42px; } /*deleted .homepage #maincontent .main-story h2 { margin: 0 15px 10px; font-size: 1.5em; } */ .homepage #maincontent .main-story h2 { margin: 0 15px 0px; font-size: 1.5em; } .homepage #maincontent .main-story p { margin: 0 15px; } .homepage #maincontent .main-story a:link, .homepage #maincontent .main-story a:visited { color:#FFFFFF; } .homepage .featured { float: left; display: inline; width: 325px; padding: 10px 0; color: #fff; } .homepage #maincontent .featured li { padding: 12px 10px; font-size: 1.1em; } .homepage #maincontent .featured li.even { background: #3e3e3e; } .homepage #maincontent .featured li img { float: left; display: inline; margin: 0 5px 5px 0; } .homepage #maincontent .featured li h3 { margin: 0 0 0.5em 0; font-size: 1em; font-weight: normal; } #wrap .homepage .maincontent2 .featured { /* deleted width: 306px; */ width: 284px; padding: 0; } #wrap .homepage .maincontent2 .featured li { /* deleted height: 115px; */ /* temporarily deleted: height: 117.5px;*/ height: 100px; padding: 0 10px; font-size: 1.1em; } /* deleted #wrap .homepage .maincontent2 .featured li.story1 { background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1562/featured_story1_bg.png) no-repeat; margin: 0 0 7px; } */ #wrap .homepage .maincontent2 .featured li.story1 { background: #009997; margin: 0 0 7px; } /* deleted #wrap .homepage .maincontent2 .featured li.story2 { background: url(http://www.westminster.ac.uk/__data/assets/image/0016/1564/featured_story2_bg.png) no-repeat; margin: 0 0 7px; }*/ #wrap .homepage .maincontent2 .featured li.story2 { background: #fa6e00; margin: 0 0 7px; } /* deleted #wrap .homepage .maincontent2 .featured li.story3 { background: url(http://www.westminster.ac.uk/__data/assets/image/0018/1566/featured_story3_bg.png) no-repeat; } */ #wrap .homepage .maincontent2 .featured li.story3 { background: #f90067; } #wrap .homepage .maincontent2 .featured img { float: left; display: inline; margin: 11px 5px 5px 0; } .homepage #maincontent .featured li h3 { margin: 0 0 0.5em 0; padding: 11px 0 0; font-size: 1em; font-weight: bolder; } /* ----------------- =info ------------------*/ .homepage .info { /*background: url(http://www.westminster.ac.uk/__data/assets/image/0019/1576/info_bg.png) repeat-y;*/ height: auto; min-height: 127px; overflow: hidden; } /* deleted .homepage .info .info-inner { height: auto; overflow: hidden; background: url(http://www.westminster.ac.uk/__data/assets/image/0014/1580/info_bg_top.png) no-repeat; } .homepage .info-gradient .info-inner { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0017/1574/info-grad_bg_top.png); } .homepage .info .info-bot { clear: both; height: 6px; background: url(http://www.westminster.ac.uk/__data/assets/image/0003/1578/info_bg_bot.png) no-repeat; font-size: 1px; line-height: 1px; } .homepage .info-gradient .info-bot { background-image: url(http://www.westminster.ac.uk/__data/assets/image/0013/1570/info-grad_bg_bot.png); } */ .homepage .info .box { background: url(http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif) repeat-x; font-family: Ariel, Helvetica, sans-serif; float: left; display: inline; width: 166px; margin: 0 12px 0 0; padding: 6px 12px 0 12px; border: 1px solid #c4c4c4; border-top: 6px solid #f05d00; height: auto; min-height: 114px; line-height: 1.2em; } .homepage .info .box-last { margin-right: 0; border-top: 6px solid #f05d00; } .homepage .info .box-first { border-top: 6px solid #009997; } .homepage .info h3, .homepage .finder h3 { font-size: 110%; font-weight: bold; } .homepage .info h3 { margin: 0 0 8px 0; } .homepage .finder h3 { margin-bottom: 10px; } .homepage .finder p.margin_bottom { margin-bottom: 5px; } .homepage .info .box p, .homepage .info .box-last p { margin-bottom: 10px; } .homepage .info a:link, .homepage .info a:visited, .homepage .finder h3 a:link, .homepage .finder h3 a:visited, .homepage .finder a.arrow:link, .homepage .finder a.arrow:visited, .homepage .finder p a:link, .homepage .finder a:visited { text-decoration: none; color: #333; } .homepage .info a:hover, .homepage .info a:active, .homepage .info a:focus, .homepage .finder h3 a:hover, .homepage .finder h3 a:active, .homepage .finder h3 a:focus, .homepage .finder a.arrow:hover, .homepage .finder a.arrow:active, .homepage .finder a.arrow:focus, .homepage .finder p a:hover, .homepage .finder p a:active, .homepage .finder p a:focus { text-decoration: underline; } .homepage .finder a.arrow:link, .finder a.arrow:visited, .homepage .finder a.arrow:hover, .homepage .finder a.arrow:active, .homepage .finder a.arrow:focus { font-weight: normal; } .homepage .info .box h3 a:link, .homepage .info .box h3 a:visited { color: #f05d00; } .homepage .info .box-last h3 a:link, .homepage .info .box-last h3 a:visited { color: #f05d00; } .homepage .info .box-first h3 a:link, .homepage .info .box-first h3 a:visited { color: #009997; } .homepage .finder h3 a:link, .homepage .finder h3 a:visited { color: #d80067; } .section-homepage .links ul.arrow li { background: none; margin: 0 0 5px 0; padding: 0; } .homepage .info .box a.arrow:link, .homepage .info .box a.arrow:visited, .homepage .info .box-last a.arrow:link, .homepage .info .box-last a.arrow:visited, .homepage .finder a.arrow:link, .homepage .finder a.arrow:visited, .section-homepage .links ul.arrow li a:link, .section-homepage .links ul.arrow li a:visited { background: url(http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif) 0 3px no-repeat; padding-left: 13px; display: block; } .homepage .finder a.arrow:link, .homepage .finder a.arrow:visited { background-position: 0 5px; } .homepage .info .box a.arrow:focus, .homepage .info .box a.arrow:hover, .homepage .info .box a.arrow:active, .homepage .info .box-last a.arrow:focus, .homepage .info .box-last a.arrow:active, .homepage .info .box-last a.arrow:hover, .homepage .finder a.arrow:focus, .homepage .finder a.arrow:active, .homepage .finder a.arrow:hover, .section-homepage .links ul.arrow li a.arrow:focus, .section-homepage .links ul.arrow li a:active, .section-homepage .links ul.arrow li a:hover, .section-homepage .links ul.arrow li a:visited:hover { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif) 0 3px no-repeat; } .homepage .finder a.arrow:focus, .homepage .finder a.arrow:active, .homepage .finder a.arrow:hover { background-position: 0 5px; } .section-homepage .links ul.arrow li a:link, .section-homepage .links ul.arrow li a:visited, .section-homepage .links ul.arrow li a.arrow:focus, .section-homepage .links ul.arrow li a:active, .section-homepage .links ul.arrow li a:hover, .section-homepage .links ul.arrow li a:visited:hover { background-position: 0 4px; } .homepage .info ul { } .homepage .info li { margin: 0 0 0.8em; padding: 0 0 0 14px; background: url(http://www.westminster.ac.uk/__data/assets/image/0017/1583/bullet.gif) 0 0.4em no-repeat; } /* ----------------- =boxes ------------------*/ .homepage .boxes { padding: 0; margin: 0 0 30px 0; width: 894px; display: block; } .homepage .boxes h3 { margin: 0 0 0.4em; font-size: 110%; font-weight: bold; } .finder { float: left; display: inline; width: 278px; margin: 0; border-top: 6px solid #d80067; padding-top: 6px; kine-height: 1.2em; } .finder form { margin: 0 0 0.7em; } .homepage .finder { width: 282px; margin-bottom: 12px; } .homepage .finder form { margin: 0 0 3px 0; } .finder input { position: relative; height: 25px; } .finder input#CourseSearch_ctl10 { /*float: right;*/ margin-top: -2px; margin-left: 5px; } .finder #f_f_keyword { width: 199px; height: auto; margin: 0 0 0.3em; border: 1px solid; border-color: #000 #ccc #ccc #000; } .finder a:link, .finder a:visited { color: #000; font-weight: bolder; text-decoration: underline; } .finder a:hover, .finder a:active { color: #444; font-weight: bolder; text-decoration: underline; } .homepage .boxes p { margin: 0 0 1em; } .homepage .boxes .box { float: left; display: inline; width: 166px; margin: 0 12px 0 0; padding: 0 12px 20px 12px; border: 1px solid #c4c4c4; border-top: 0; height: auto; min-height: 350px; background: url(http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif) 0 24px repeat-x; } .homepage .boxes .box_wide { width: 256px; margin-right: 0; } .homepage .boxes .box a:link, .homepage .boxes .box a:visited { color: #333; } .homepage .boxes .box a:hover, .homepage .boxes .box a:active { color: #333; } .homepage .boxes .box ul { } .homepage .boxes .box li { margin: 0 0 0.5em; /* padding: 0 0 0 14px; */ /* background: url(http://www.westminster.ac.uk/__data/assets/image/0017/1583/bullet.gif) 0 0.4em no-repeat; */ } .homepage .boxes .box a.arrow:link, .homepage .boxes .box a.arrow:visited, .homepage .boxes .box ul li.arrow a:link, .homepage .boxes .box ul li.arrow a:visited, .tabs_content p a.arrow:link, .tabs_content p a.arrow:visited { background: url(http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif) 0 5px no-repeat; padding-left: 13px; display: block; } .homepage .boxes .box a.arrow:focus, .homepage .boxes .box a.arrow:active, .homepage .boxes .box a.arrow:hover, .homepage .boxes .box ul li.arrow a:focus, .homepage .boxes .box ul li.arrow a:active, .homepage .boxes .box ul li.arrow a:hover, .tabs_content p a.arrow:focus, .tabs_content p a.arrow:active, .tabs_content p a.arrow:hover { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif) 0 5px no-repeat; } .homepage .boxes .box h3, .homepage .boxes .box h3 a:link, .homepage .boxes .box h3 a:visited { color: #fff; } .homepage .boxes .box h3 { background: #687b88 url(http://www.westminster.ac.uk/__data/assets/image/0004/59278/h3_background.gif) 0 0 repeat-x; padding: 7px 12px 7px 12px; margin: 0 -13px 12px -13px; position: relative; } .homepage .right_panel .featured_stories { width: 282px; float: left; clear: left; } /* ------------- open days hot spot ---------------*/ .homepage .right_panel .open_days { background: #009997 url(http://www.westminster.ac.uk/__data/assets/image/0005/59279/hp_title_open_days.gif) 0 0 no-repeat; width: 282px; height: 118px; margin: 0 0 12px 0; position: relative; } .homepage .right_panel .open_days a.arrow_white:link, .homepage .right_panel .open_days a.arrow_white:visited { color: white; padding: 0 12px 0 13px; background: url(http://www.westminster.ac.uk/__data/assets/image/0006/59280/arrow_white_link.gif) 0 5px no-repeat; display: block; position: absolute; top: 67px; left: 12px; } .homepage .right_panel .open_days a.bottom_link:link, .homepage .right_panel .open_days a.bottom_link:visited { top: 87px; } .homepage .right_panel .open_days a.arrow_white:focus, .homepage .right_panel .open_days a.arrow_white:hover, .homepage .right_panel .open_days a.arrow_white:active { background: url(http://www.westminster.ac.uk/__data/assets/image/0018/57006/arrow_light_grey_link.gif) 0 5px no-repeat; } /* ---------------------------------------------------- */ /* SLIDESHOW > ADS /* ---------------------------------------------------- */ #ads_panel { position: relative; width: 282px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; min-height: 217px; background-color:#F05D00; } #ads_panel div.fixed { position: absolute; top: 0; right: 10; width: 282px; z-index: 100; } html>body #ads_panel div.fixed { right: 0; } #ads_panel div.fixed .ads_navigation ul { list-style-type: none; display:inline; float:right; margin:0; padding:0; } #ads_panel div.fixed .ads_navigation ul li { display: inline; float: left; height: 28px; } #ads_panel div.fixed .ads_navigation ul li img { border: 0; } #ads_panel div.fixed .ads_navigation ul li a#next img { border-left: 1px solid white; } .ad .text { position: absolute; top: 70px; left: 15px; color: white; width: 120px; } .ad .text_lower { top: 90px; } #ad_default .text { position: absolute; top: 100px; left: 15px; color: white; width: 240px; } .ad .text p.margin_bottom { margin-bottom: 12px; } ul.ad_links, p.ad_links { color: white; } ul.ad_links a:link, ul.ad_links a:visited, p.ad_links a:link, p.ad_links a:visited { color: white; text-decoration: none; padding-left: 12px; background: url(http://www.westminster.ac.uk/__data/assets/image/0007/59281/arrow_white_orange_link.gif) 0 4px no-repeat; display: block; } ul.ad_links a:focus, ul.ad_links a:active, ul.ad_links a:hover, p.ad_links a:focus, p.ad_links a:active, p.ad_links a:hover { text-decoration: underline; background: url(http://www.westminster.ac.uk/__data/assets/image/0018/57006/arrow_light_grey_link.gif) 0 4px no-repeat; } } div.image img { height: 217px; width: 282px; } .nowrap { white-space: nowrap; } .hidden { left: 0px; overflow: hidden; position: absolute; top: -1000px; width: 0; height: 0; } /* ----------------- =Tables ------------------*/ #main-content table td, #main-content table th {padding: 5px 7px 5px 0;} #main-content table th { font-weight: bold;} #main-content table.home { border-collapse: collapse; border: 2px solid; } #main-content table.home th {background-color: #CCCCCC; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid;} #main-content table.home td {padding: 5px; border: 1px solid; } #main-content table.schools { border-collapse: collapse; border: 2px solid #F8D5B9; } #main-content table.schools th {background-color: #fa6e00; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid #F8D5B9; color: #FFF;} #main-content table.schools th.lightorange, #main-content table.schools td.lightorange { background-color: #F0964F; } #main-content table.schools td {padding: 5px; border: 1px solid #F8D5B9; } #main-content table.business { border-collapse: collapse; border: 2px solid #B0D6F1; } #main-content table.business th {background-color: #2D85C2; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid #B0D6F1; color: #FFF;} #main-content table.business td {padding: 5px; border: 1px solid #B0D6F1; } #main-content table.research { border-collapse: collapse; border: 2px solid #BFE3B4; } #main-content table.research th {background-color: #3D9522; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid #BFE3B4; color: #FFF;} #main-content table.research td {padding: 5px; border: 1px solid #BFE3B4; } #main-content table.studying { border-collapse: collapse; border: 2px solid #CEEFEF; } #main-content table.studying th {background-color: #009997; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid #CEEFEF; color: #FFF;} #main-content table.studying th.lightteal { background-color: #99C4BD; } #main-content table.studying td {padding: 5px; border: 1px solid #CEEFEF; } #main-content table.about { border-collapse: collapse; border: 2px solid #DDA0BD; } #main-content table.about th {background-color: #D80067; font-size: 130%; font-weight: bold; padding: 5px; border: 1px solid #DDA0BD; color: #FFF;} #main-content table.about td {padding: 5px; border: 1px solid #DDA0BD; } /*Generic Styling added to remove bullets in tables*/ table ul li{ list-style-type:none; } /*Hide asset builder li items*/ #page_asset_builder_12045_type_news_item_tab{ display:none; } #page_asset_builder_12045_type_calendar_event_single_tab{ display:none; } /*Styles for the countries table*/ #main-content h2{ font-size:25px; margin-bottom:10px; margin-top:10px; line-height:29px; } #main-content table#countries h2{ font-weight:bold; } /*-------------- TYPOGRAPHY ------------*/ #content #main-content h3.small, #content #main-content h2.question { font-size: 100%; font-weight: bold; line-height: 14pt; } /*-------------- expandable panels ------------*/ #main-content .details_container h2 { padding: 2px 10px 2px 10px; background: #009997 url("http://www.westminster.ac.uk/__data/assets/image/0016/49102/arrow.gif") no-repeat right -48px; font-size: 150%; color: #fff; margin-bottom: 0; } #main-content .details_container h2:hover { cursor: pointer; } #main-content .details_container_blue h2 { padding: 2px 10px 2px 10px; background-color: #2D85C2; } #main-content .details_container_magenta h2 { background-color: #d80067; } #main-content .details_container h2.hide { background: #009997; } #main-content .details_container_blue h2.hide { background: #2D85C2; } #main-content .details_container_magenta h2.hide { background: #d80067; } #main-content .details_container h2.active { background-position: right 8px; } #main-content .details_container h2:hover { background-color: #98c3bc; } #main-content .details_container_blue h2:hover { background-color: #B0D6F1; } #main-content .details_container_magenta h2:hover { background-color: #d989af; } .panel .details_content { padding: 10px 15px 15px 15px; border: 1px solid #CEEFEF; border-top: 0; background-color: #fafafa; } .panel .details_content_magenta { border: 1px solid #f1c5da; } /*-------------- end expandable panels------------*/ strong.grey { color: #666;} strong.dark_grey { color: #333;} /*-------------- LISTS ------------*/ ul.margin { margin-bottom: 14px; } #content #main-content ul.relatedlinks { list-style-type: none; } #content #main-content ul.pdf { list-style-type: none; margin-left: 0; } ul.pdf li { list-style-type: none; padding-left: 25px; background: url("http://www.westminster.ac.uk/__data/assets/image/0009/45765/icon_pdf.gif") no-repeat 0 2px; } p.pdf { list-style-type: none; padding-left: 25px; padding-bottom: 5px; background: url("http://www.westminster.ac.uk/__data/assets/image/0009/45765/icon_pdf.gif") no-repeat 0 0; } ul.pdf li.word, p.word { list-style-type: none; padding-left: 25px; background: url("http://www.westminster.ac.uk/__data/assets/image/0010/45766/icon_word.gif") no-repeat 0 2px; } .article #main-content ul.news_listing { list-style-type: none; padding: 0pt; margin: 0pt; } .article #main-content ul.news_listing li { margin-bottom: 10px; line-height: 1.3em; } /*-------------- NEWS ------------*/ .news { padding-right: 90px; } .orange_box { border: 1pt solid #fa6e00; padding: 10px; background: #F8D5B9; } .newsitem { padding: 10px 0; border-bottom: 1px solid #eeeeee; } /*-------------- GENERIC --------------*/ .nobold { font-weight: normal; } .nowrap { white-space: nowrap;} .clearboth { clear: both; } .floatleft { float: left; } /** /** * +--------------------------------------------------------------------+ * | This MySource Matrix CMS file is Copyright (c) Squiz Pty Ltd | * | ACN 084 670 600 | * +--------------------------------------------------------------------+ * | IMPORTANT: Your use of this Software is subject to the terms of | * | the Licence provided in the file licence.txt. If you cannot find | * | this file please contact Squiz (www.squiz.net) so we may provide | * | you a copy. | * +--------------------------------------------------------------------+ * * $Id: calendar_default.css,v 1.37 2008/11/24 23:17:15 mbrydon Exp $ * */ /** *********************************************************************** * CALENDAR CSS RULES * * The following CSS rules govern the layout of the calendar displays. * Note that most of the height, width and position attributes are set * in-line by the calendar and should/can not be specified here. * * Note also that these rules apply in the order they are specified. * When several rules apply to an element, the latest-specified rule * wins if there is a conflict. *********************************************************************** */ /** * GENERAL RULES */ div#calendarTable { width: 100%; text-align: center; } div#calendarTable table td { text-align: left; font-size: 70%; } div#calendarTable table th { text-align: center; font-size: 85%; } #calendarTable table { margin-left: auto; margin-right: auto; } #calendarTable div { margin: 0px } #calendarTable td div.eventText { margin: 0px 0px 0px 1px; text-align: center; padding: 0px; } .calendarNavLink, a.calendarNavLink:hover, a.calendarNavLink:visited { text-decoration: none; font-weight: bold; } div#calendarList { text-align: left; width: 80ex; margin-left: auto; margin-right: auto} th.columnLabel a { display: block; height: 100%; width: 100%; } /* popups over events */ div.popup { position:absolute; visibility:visible; left: 0px; top: 0px; display: none; width: 25ex; border: 1px solid black; padding: 1px 3px; background-color: white; z-index: 100; } /** * YEAR TABLE RULES * Cells in this table can be header cells or data cells. * Data cells can be completely empty, or contain a date, * or contain a date and event(s). Several of the following * rules could apply to a given cell. */ table#year { border: 1px solid #173e57; background-color: #f8f8f8; border-collapse: collapse; font-family: sans-serif; font-size: 90% } /* Header cells */ #year th { border: 1px solid #c8c8c8; padding: 0px; } #year td { padding: 0px; } #year th.monthLabel { background-color: #017ca5; color: white; font-weight: bold; } #year th.monthLabel a, #year td.monthLabel a:visited, #year td.monthLabel a:hover { color: white; font-weight: bold; text-decoration: none; } #year th.dayLabel { background-color: #687B88; color: white; text-align: center} #year th.dayLabelWeekend { background-color: #404C54; color: white} #year tr td a, #year tr th a { display: block; margin: 0px; height: 100%; width: 100%; } /* All data cells, including completely empty ones */ #year td { text-align: center; border-top: 1px solid #d8d8d8; padding: 0px;} /* Cells with dates */ #year td.date { background-color: white; text-align: center; color: black} /* Weekend Cells, with or without dates */ #year td.weekend { background-color: #e6e6eb; } /* Cells with dates, again, to make its borders overrule */ #year td.date { border: 1px solid #c0c0c0; } /* Cells with events */ #year td.eventDate { background-color: #8EA8BA; } #year td a, #year td a:visited, #year td a:hover { color: #3598b9; font-weight: bold; text-decoration: none; } /** * MONTH TABLE RULES * Cells in this table can be header cells or data cells. * Data cells can be completely empty, or contain a date, * or contain a date and event(s). Several of the following * rules could apply to a given cell. */ table#month { border: 1px solid #173e57; background-color: #f8f8f8; border-collapse: collapse } #month th { border: 1px solid #c8c8c8; } /* Header Cells */ #month th.dayLabel, #month th.weekLink { background-color: #687B88; color: white} #month th.dayLabelWeekend { background-color: #404C54; color: white } /* All data cells, including completely empty ones */ #month td { padding-left: 2px; text-align: left; vertical-align: top; border: 1px solid #c0c0c0; } /* Cells with dates */ #month td.date { background-color: white; } /* Weekend Cells, with or without dates */ #month td.weekend { background-color: #e6e6eb; } /* Cells with events */ #month td.eventDate { background-color: #8EA8BA; } /* Linked dates at top left of cells */ #month a.dateLink, #month a.dateLink:visited, #month a.dateLink:hover { color: black; font-weight: bold; text-decoration: none; } /* Linked event names in cells (root-node-specific classes will also apply) */ #month .event, #month a.event:visited, #month a.event:hover { font-weight: bold; font-style:normal; text-decoration: none; padding: 0px 1px; text-align: left; font-size: 90%} /* Arrowed '»' (») links to the week view from the month */ #month th.weekLink { vertical-align: middle; padding: 0px; cursor: pointer; cursor: hand; } /* Week view links text */ #month th.weekLink a.dateLink, #month th.weekLink a.dateLink:visited, #month th.weekLink a.dateLink:hover { display: block; color: white; font-weight: bold; text-decoration: none; font-size:1.2em; padding: 3px; } /** * WEEK TABLE RULES * Cells in this table can be header cells or data cells. * Data cells can contain DIVs that represent events */ table#week { border: 1px solid #173e57; background-color: white; border-collapse: collapse } #week td, #week th { border: 1px solid #c0c0c0; } #week td, #week th.timeLabel { vertical-align: top; padding: 0px;} /* header cells */ #week th { background-color: #687B88; text-align: center; padding: 1px } #week th.timeLabel { background-color: #017ca5; color: white } #week th.columnLabel { background-color: #687B88; vertical-align: middle; font-weight: bold; color: black; white-space: nowrap; } #week th.columnLabel a, #week th.columnLabel a:visited, #week th.columnLabel a:hover { text-decoration: none; font-weight: bold; color: black } /* Event DIVs (root-node-specific classes will also apply) */ #week td div.event { margin: 0px 0px 1px 0px; text-align: center; padding: 0px; border: 1px solid black; } /* Event Links (root-node-specific classes will also apply) */ #week .event, #week a.event:visited, #week a.event:hover { text-decoration: none } /** * DAY TABLE RULES * Cells in this table can be header cells or data cells. * Data cells can contain DIVs that represent events **/ table#day { border: 1px solid #173e57; background-color: white; border-collapse: collapse } #day td, #day th { border: 1px solid #c0c0c0; } #day td, #day th.timeLabel { vertical-align: top; } /* header cells */ #day th { background-color: #687B88; text-align: center; padding: 1px } #day th.timeLabel { background-color: #017ca5; color: white } #day th.columnLabel { background-color: #687B88; vertical-align: middle; font-weight: bold; color: black; white-space: nowrap } #day th.columnLabel a, #week th.columnLabel a:visited, #week th.columnLabel a:hover { text-decoration: none; font-weight: bold; color: black } /* Event DIVs (root-node-specific classes will also apply) */ #day td div.event { margin: 0px 0px 1px 0px; text-align: center; padding: 0px; border: 1px solid black; } /* Event Links (root-node-specific classes will also apply) */ #day .event, #day a.event:visited, #day a.event:hover { text-decoration: none } /** * PRESET ROOT NODE RULES * These rules will be applied to all A and DIV elements that represent * events drawn from the relevant root nodes */ #calendarTable .aqua, #calendarTable .aqua:visited, #calendarTable .aqua:hover { background-color: aqua; color: black; } #calendarTable .black, #calendarTable .black:visited, #calendarTable .black:hover { background-color: black; color: white; } #calendarTable .blue, #calendarTable .blue:visited, #calendarTable .blue:hover { background-color: blue; color: white; } #calendarTable .fuchsia, #calendarTable .fuchsia:visited, #calendarTable .fuchsia:hover { background-color: fuchsia; color: black; } #calendarTable .gray, #calendarTable .gray:visited, #calendarTable .gray:hover { background-color: gray; color: white; } #calendarTable .green, #calendarTable .green:visited, #calendarTable .green:hover { background-color: green; color: white; } #calendarTable .lime, #calendarTable .lime:visited, #calendarTable .lime:hover { background-color: lime; color: black; } #calendarTable .maroon, #calendarTable .maroon:visited, #calendarTable .maroon:hover { background-color: maroon; color: white; } #calendarTable .navy, #calendarTable .navy:visited, #calendarTable .navy:hover { background-color: navy; color: white; } #calendarTable .olive, #calendarTable .olive:visited, #calendarTable .olive:hover { background-color: olive; color: white; } #calendarTable .purple, #calendarTable .purple:visited, #calendarTable .purple:hover { background-color: purple; color: white; } #calendarTable .red, #calendarTable .red:visited, #calendarTable .red:hover { background-color: red; color: white; } #calendarTable .silver, #calendarTable .silver:visited, #calendarTable .silver:hover { background-color: silver; color: black; } #calendarTable .teal, #calendarTable .teal:visited, #calendarTable .teal:hover { background-color: teal; color: white; } #calendarTable .white, #calendarTable .white:visited, #calendarTable .white:hover { background-color: white; color: black; } #calendarTable .yellow, #calendarTable .yellow:visited, #calendarTable .yellow:hover { background-color: yellow; color: black; } /** * USER-DEFINED ROOT NODE RULES * These rules will be applied to all A and DIV elements that represent * events drawn from the relevant root nodes * If you want these to be view-specific you can define them for each of the * #year, #month, #week, #day IDs */ /** *PIE CHART STYLES - GREEN/GREY ONLY */ .piechart { float: left; margin-right: 10px; margin-bottom: 10px; } .article #main-content ul#piechartlegend { float: left; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; } .article #main-content ul#piechartlegend li.piechartgreen { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0005/55724/Chart_Green.gif); } .article #main-content ul#piechartlegend li.piechartgreen20 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0006/55725/Chart_Green20.gif); } .article #main-content ul#piechartlegend li.piechartgreen40 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0007/55726/Chart_Green40.gif); } .article #main-content ul#piechartlegend li.piechartgreen60 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0008/55727/Chart_Green60.gif); } .article #main-content ul#piechartlegend li.piechartgreen80 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0009/55728/Chart_Green80.gif); } .article #main-content ul#piechartlegend li.piechartgrey { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0010/55729/Chart_Grey.gif); } .article #main-content ul#piechartlegend li.piechartgrey20 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0020/55730/Chart_Grey20.gif); } .article #main-content ul#piechartlegend li.piechartgrey40 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0005/55733/Chart_Grey40.gif); } .article #main-content ul#piechartlegend li.piechartgrey60 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0003/55731/Chart_Grey60.gif); } .article #main-content ul#piechartlegend li.piechartgrey80 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0004/55732/Chart_Grey80.gif); } .article #main-content ul#piechartlegend li.piechartgreydk { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0007/56158/Chart_Grey_dk.gif); } .article #main-content ul#piechartlegend li.piechartgreylt { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0008/56159/Chart_Grey_lt.gif); } .article #main-content ul#piechartlegend li.piechartmag { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0017/56132/Chart_mag.gif); } .article #main-content ul#piechartlegend li.piechartmag20 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0018/56133/Chart_mag20.gif); } .article #main-content ul#piechartlegend li.piechartmag40 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0019/56134/Chart_mag40.gif); } .article #main-content ul#piechartlegend li.piechartmag60 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0020/56135/Chart_mag60.gif); } .article #main-content ul#piechartlegend li.piechartmag80 { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0003/56136/Chart_mag80.gif); } .article #main-content ul#piechartlegend li.piechartmag { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0017/56132/Chart_mag.gif); } .article #main-content ul#piechartlegend li.piechartmagdk { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0018/56160/Chart_mag_dk.gif); } .article #main-content ul#piechartlegend li.piechartmaglt { list-style-image: url(http://www.westminster.ac.uk/__data/assets/image/0020/56162/Chart_mag_lt.gif); } .eventheader { border: 1px solid #c4c4c4; padding: 0 0.5em 0 0; margin: 0px; } .eventheader table { margin: 0px; } /*-------------- SIDEBAR HOTSPOTS ---------------*/ .sidebar_hotspot { background: url(http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif) repeat-x; border-top: 6px solid #c4c4c4; margin-right: 0px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding: 8px; margin-bottom: 10px; width: 180px; } /* These colours control the top border and will need to be tweaked after the elements have been created */ .sidebar_hotspot_teal { border-top: 6px solid #00a5a0; } .sidebar_hotspot_green{ border-top: 6px solid #23a023; } .sidebar_hotspot_magenta{ border-top: 6px solid #d20073; } .sidebar_hotspot_blue{ border-top: 6px solid #418cd7; } /* The sidebar hotspot CSS mimics the list style from the home page and overrides the .article #main-content styling of a 25px left margin */ .article #main-content .sidebar_hotspot ul { margin-left: 16px; list-style-image: url("http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif"); } .article #main-content .sidebar_hotspot ul li { line-height: 1.4em; margin-bottom: 3px; } /*----------------NICK-------------*/ .article #main-content .sidebar_hotspot ul li.pdf { line-height: 1.4em; margin-bottom: 3px; padding-left: 25px; background: url("http://www.westminster.ac.uk/__data/assets/image/0009/45765/icon_pdf.gif") no-repeat scroll right center transparent; padding: 0 18px 0 0px; } .article #main-content .sidebar_hotspot ul li a:link, .article #main-content .sidebar_hotspot ul li a:visited { line-height: 1.4em; } .article #main-content .sidebar_hotspot ul li a:hover, .article #main-content .sidebar_hotspot ul li a:active { line-height: 1.4em; list-style-image: url("http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif"); } .article #main-content .sidebar_hotspot h3 { font-size: 110%; font-weight: bold; text-transform: uppercase; margin: 0 0 8px; line-height: 1.2em; } .article #main-content .sidebar_hotspot_teal h3 { color: #009997; } .article #main-content .sidebar_hotspot_green h3 { color: #3D9522; } .article #main-content .sidebar_hotspot_magenta h3 { color: #D80067; } .article #main-content .sidebar_hotspot_blue h3 { color: #2D85C2; } /*-------------- RESEARCH RELATED LINKS ---------------*/ #submenu div.research_related { font-size: 1.2em; background-color: #3d9522; padding: 8px; color: #4d4d4d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #submenu div.research_related p { font-size: 110%; margin: 0 0 8px; line-height: 1.2em; color: #fff; } #submenu div.research_related a:link, #submenu div.research_related a:visited { color: #fff; } /*-------------- EXTERNAL LINKS---------------*/ /* these are the old external links a.externalwhite:link, a.externalwhite:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0006/63816/external_wh.gif") 0 3px no-repeat; padding: 0 0 1px 20px; } a.external:link, a.external:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0007/63817/external_gy.gif") 0 3px no-repeat; padding: 0 0 1px 20px; } */ a.externalwhite:link, a.externalwhite:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0006/63816/external_wh.gif") no-repeat scroll right center transparent; padding: 0 18px 0 0; } a.external:link, a.external:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0007/63817/external_gy.gif") no-repeat scroll right center transparent; padding: 0 18px 0 0; } a.externallink_white:link, a.externallink_white:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0006/63816/external_wh.gif") no-repeat scroll left center transparent; padding: 0 0 0 18px; } /*-------------- BUTTON LINKS ---------------*/ a.button, input.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .4em 1.5em .42em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } a.button:hover, input.button:hover { text-decoration: none; } a.button:active, input.button:active { position: relative; top: 1px; } a.small { font-size: 11px; padding: .2em 1em .275em; } /* color styles ---------------------------------------------- */ /* white */ a.button_white, input.button_white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } a.button_white:hover, input.button_white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } a.button_white:active, input.button_white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* magenta */ a.button_magenta, input.button_magenta { color: #ffffff; border: solid 1px #960F59; background: #D20073; background: -webkit-gradient(linear, left top, left bottom, from(#E15AA5), to(#D20073)); background: -moz-linear-gradient(top, #E15AA5, #D20073); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E15AA5', endColorstr='#D20073'); } a.button_magenta:hover, input.button_magenta:hover { background: #D20073; background: -webkit-gradient(linear, left top, left bottom, from(#D20073), to(#960F59)); background: -moz-linear-gradient(top, #D20073, #960F59); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D20073', endColorstr='#960F59'); } a.button_magenta:active, input.button_magenta:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#D20073), to(#9b005a)); background: -moz-linear-gradient(top, #D20073, #9b005a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D20073', endColorstr='#9b005a'); } /* purple */ a.button_purple, input.button_purple { color: #ffffff; border: solid 1px #5a3aba; background: #6e46b9; background: -webkit-gradient(linear, left top, left bottom, from(#a087d2), to(#6e46b9)); background: -moz-linear-gradient(top, #a087d2, #6e46b9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a087d2', endColorstr='#6e46b9'); } a.button_purple:hover, input.button_purple:hover { background: #6e46b9; background: -webkit-gradient(linear, left top, left bottom, from(#6e46b9), to(#5a3a8a)); background: -moz-linear-gradient(top, #6e46b9, #5a3a8a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e46b9', endColorstr='#5a3a8a'); } a.button_purple:active, input.button_purple:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#9173cd), to(#5a32aa)); background: -moz-linear-gradient(top, #9173cd, #5a32aa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9173cd', endColorstr='#5a32aa'); } /* green */ a.button_green, input.button_green { color: #ffffff; border: solid 1px #006c2a; background: #23a023; background: -webkit-gradient(linear, left top, left bottom, from(#6ec36e), to(#23a023)); background: -moz-linear-gradient(top, #6ec36e, #23a023); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ec36e', endColorstr='#23a023'); } a.button_green:hover, input.button_green:hover { background: #23a023; background: -webkit-gradient(linear, left top, left bottom, from(#23a023), to(#006c2a)); background: -moz-linear-gradient(top, #23a023, #006c2a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a023', endColorstr='#006c2a'); } a.button_green:active, input.button_green:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#23a023), to(#026e00)); background: -moz-linear-gradient(top, #23a023, #026e00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a023', endColorstr='#026e00'); } /* blue */ a.button_blue, input.button_blue { color: #ffffff; border: solid 1px #1e5193; background: #418cd7; background: -webkit-gradient(linear, left top, left bottom, from(#82b4e6), to(#418cd7)); background: -moz-linear-gradient(top, #82b4e6, #418cd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b4e6', endColorstr='#418cd7'); } a.button_blue:hover, input.button_blue:hover { background: #418cd7; background: -webkit-gradient(linear, left top, left bottom, from(#418cd7), to(#1e5193)); background: -moz-linear-gradient(top, #418cd7, #1e5193); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#418cd7', endColorstr='#1e5193'); } a.button_blue:active, input.button_blue:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#418cd7), to(#005ab9)); background: -moz-linear-gradient(top, #418cd7, #005ab9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#418cd7', endColorstr='#005ab9'); } /* teal */ a.button_teal, input.button_teal { color: #ffffff; border: solid 1px #00878c; background: #00a5a0; background: -webkit-gradient(linear, left top, left bottom, from(#5ac3be), to(#00a5a0)); background: -moz-linear-gradient(top, #5ac3be, #00a5a0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ac3be', endColorstr='#00a5a0'); } a.button_teal:hover, input.button_teal:hover { background: #00a5a0; background: -webkit-gradient(linear, left top, left bottom, from(#00a5a0), to(#00878c)); background: -moz-linear-gradient(top, #00a5a0, #00878c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a0', endColorstr='#00878c'); } a.button_teal:active, input.button_teal:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#00a5a0), to(#00738e)); background: -moz-linear-gradient(top, #00a5a0, #00738e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5a0', endColorstr='#00738e'); } /* orange */ a.button_orange, input.button_orange { color: #ffffff; border: solid 1px #cb5b17; background: #e66900; background: -webkit-gradient(linear, left top, left bottom, from(#f0a05a), to(#e66900)); background: -moz-linear-gradient(top, #f0a05a, #e66900); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0a05a', endColorstr='#e66900'); } a.button_orange:hover, input.button_orange:hover { background: #e66900; background: -webkit-gradient(linear, left top, left bottom, from(#e66900), to(#cb5b17)); background: -moz-linear-gradient(top, #e66900, #cb5b17); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e66900', endColorstr='#cb5b17'); } a.button_orange:active, input.button_orange:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#e66900), to(#cd5a00)); background: -moz-linear-gradient(top, #e66900, #cd5a00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e66900', endColorstr='#cd5a00'); } /* red */ a.button_red, input.button_red { color: #ffffff; border: solid 1px #b5111c; background: #e10f0f; background: -webkit-gradient(linear, left top, left bottom, from(#eb6464), to(#e10f0f)); background: -moz-linear-gradient(top, #eb6464, #e10f0f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb6464', endColorstr='#e10f0f'); } a.button_red:hover, input.button_red:hover { background: #e10f0f; background: -webkit-gradient(linear, left top, left bottom, from(#e10f0f), to(#b5111c)); background: -moz-linear-gradient(top, #e10f0f, #b5111c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10f0f', endColorstr='#b5111c'); } a.button_red:active, input.button_red:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#e10f0f), to(#af0000)); background: -moz-linear-gradient(top, #e10f0f, #af0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10f0f', endColorstr='#af0000'); } /* ----------------- arrow links in the list -------------------- */ #columnrightnarrow ul.arrow { list-style-type: none; margin: 0 0 14px 0; } #columnrightnarrow ul.arrow li { margin-bottom: 6px; line-height: 1.4em; } #columnrightnarrow ul.arrow li a:link, #columnrightnarrow ul.arrow li a:active, #columnrightnarrow ul.arrow li a:visited, #columnrightnarrow a.arrow:link, #columnrightnarrow a.arrow:active, #columnrightnarrow a.arrow:visited { background: url(http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif) 0 3px no-repeat; padding-left: 13px; display: block; color: #333; } #columnrightnarrow ul.arrow li a:focus, #columnrightnarrow ul.arrow li a:hover, #columnrightnarrow ul.arrow li a:visited:hover, #columnrightnarrow a.arrow:focus, #columnrightnarrow a.arrow:hover, #columnrightnarrow a.arrow:visited:hover { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif) 0 3px no-repeat; }      /*-------------- NEW COURSES SECTION---------------*/ .article #main-content .course_wrapper { position: relative; } .article #main-content ul#course_nav { list-style-type: none; background: url("http://www.westminster.ac.uk/__data/assets/image/0003/72480/bg_top_nav.gif") repeat-x scroll 0 0 #009997; margin: 0; width: 430px; height: 31px; } .article #main-content ul#course_nav h3.course_nav_h3 { font-size: 100%; font-weight: bold; padding: 0; margin: 0; line-height: 1.8em; } .article #main-content ul#course_nav li { display: inline; background: url("http://www.westminster.ac.uk/__data/assets/image/0003/72480/bg_top_nav.gif") repeat-x scroll 0 0 #009997; padding: 4px 12px 5px; float: left; color: white; border-left: 1px solid #99BDBC; } .article #main-content ul#course_nav li.noborder { border: 0; } .article #main-content ul#course_nav li.active { background: url("http://www.westminster.ac.uk/__data/assets/image/0007/57535/bg_nav_selected.gif") repeat-x scroll 0 0 #009997; } .article #main-content ul#course_nav li.first { border-left: 0; padding-left: 0; } .article #main-content ul#course_nav li a:link, ul#course_nav li a:visited { color: white; } input.submit, input.reset { background: #009997 url("http://www.westminster.ac.uk/__data/assets/image/0003/72480/bg_top_nav.gif") 0 0 repeat-x; border: 0 none; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 26px; padding: 0 0 2px 0; width: 80px; margin-top: 20px; } input.submit_f2, input.reset_f2 { background: #F05D00 url("") 0 0 repeat-x; border: 0 none; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 26px; padding: 0 0 2px 0; width: 80px; margin-top: 20px; } .article #main-content .courses_listing_container { float: left; width: 430px; padding-right: 20px; } /*.article #main-content .course_content table { margin-bottom: 40px; }*/ .article #main-content .course_details_container { float: left; clear: left; height: auto; padding-right: 20px; } .article #main-content .course_details_content { width: 408px; border: 1px solid #ccc; border-top: 0; padding: 10px; padding-bottom: 40px; margin-bottom: 20px; height: auto; min-height: 80px; } .article #main-content h1.course_name { line-height: 1em; padding: 0; padding-right: 150px; } .article #main-content h2.school_name { padding: 0; } .article #main-content .course_details_content .greybox { background-color: #e5e5e5; padding: 10px; margin-bottom: 15px; } .article #main-content .listing_bottom_content { border-top: 1px solid #009997; margin-top: 15px; padding-top: 15px; } .article #main-content .listing_right_container { width: 190px; float: left; margin-top: 15px; } .article #main-content .listing_right_content { width: 190px; } .article #main-content .courses_listing_container h2#intro { color: #687B88; font-size: 150%; margin: 0 0 20px 0; line-height: 1.4em; padding-right: 50px; font-weight: normal; } .article #main-content .listing_right_content p#apply { background-color: #D80067; color: white; padding: 5px 5px 5px 10px; margin: 25px 0 0 0; } .article #main-content .listing_right_content a.white:link, .article #main-content .listing_right_content a.white:visited, .article #main-content .listing_right_content a.white:hover { background-color: #D80067; color: white; margin: 0; } .article #main-content .courses_listing_container .image_panel_small { background: url('http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif') repeat-x transparent; padding: 0; margin: 0 0 15px 0; display: block; clear: both; height: auto; min-height: 122px; } .article #main-content .courses_listing_container .image_panel_small p { padding: 14px; padding-bottom: 0; margin: 0; } .article #main-content .courses_listing_container .image_panel_small img { border: 0; float: left; padding: 0; margin: 0pt 15px 0pt 0pt; width: 144px; height: 122px; } .article #main-content .listing_right_content .hotspot, .courses_listing_container .box { background: url('http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif') repeat-x transparent; border-color: #009997 #C4C4C4 #C4C4C4; border-style: solid; border-width: 6px 1px 1px; height: auto; line-height: 1.2em; min-height: 114px; padding: 12px 10px; width: 168px; margin: 0; margin-bottom: 15px; } .article #main-content .listing_right_content .hotspot_grey { border-top-color: #687B88; } .article #main-content .listing_right_content .hotspot_orange { border-top-color: #FA6E00; } .courses_listing_container .box { /* display: inline; font-family: Ariel,Helvetica,sans-serif;*/ width: 183px; float: left; margin: 0 20px 20px 0; height: auto; min-height: 150px; } .courses_listing_container .box_taller { min-height: 190px; } .courses_listing_container .box_norightmargin { margin-right: 0; } .article #main-content .listing_right_content .hotspot h3, .article #main-content .courses_listing_container .box h2, #columnrightnarrow h2 { font-weight: bold; font-size: 110%; text-transform: uppercase; line-height: 1.2em; margin-bottom: 10px; } .article #main-content .courses_listing_container .box h2 { margin-top: 0; } .article #main-content .listing_right_content .hotspot_orange h3 { padding-right: 10px; } #columnrightnarrow h2 { margin-top: 0; } .article #main-content .listing_right_content .hotspot h3 a:link, .article #main-content .listing_right_content .hotspot h3 a:visited, .article #main-content .courses_listing_container .box h2 a:link, .article #main-content .courses_listing_container .box h2 a:visited { color: #009997; } .article #main-content .listing_right_content .hotspot a.arrow:link, .article #main-content .listing_right_content .hotspot a.arrow:visited, .article #main-content .listing_right_content .acc_container a.arrow:link, .article #main-content .listing_right_content .acc_container a.arrow:visited { background: url('http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif') no-repeat 0 3px transparent; padding-left: 12px; display: block; } .article #main-content .listing_right_content .hotspot a.arrow:hover, .article #main-content .listing_right_content .hotspot a.arrow:visited:hover, .article #main-content .listing_right_content .acc_container a.arrow:hover, .article #main-content .listing_right_content .acc_container a.arrow:visited:hover { background: url('http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif') no-repeat 0 3px transparent; } .article #main-content ul.listing { list-style-type: none; margin: 0; margin-bottom: 20px; } .article #main-content ul.listing li { list-style-type: none; margin-bottom: 7px; line-height: 1.3em; } .article #main-content .box_norightmargin ul.pdf li.nobackground { background: transparent; } .article #main-content .box_norightmargin ul.pdf li.extrapadding { padding-bottom: 10px; } .article #main-content .box p a.arrow:link, .article #main-content .box p a.arrow:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif") no-repeat scroll 0 3px transparent; display: block; padding-left: 13px; color: #333; } .article #main-content .box p a.arrow:focus, .article #main-content .box p a.arrow:active, .article #main-content .box p a.arrow:hover { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif) 0 3px no-repeat; } .article #main-content .box ul.related_list { margin: 0 0 12px 15px; list-style: disc; } .article #main-content .box ul.related_list li { line-height: 1.3em; margin: 0 0 7px 0; } .article #main-content ul.right_hotspot_disc { color: #990D34; list-style-type: disc; margin-left: 14px; } .article #main-content .course_details_content div.bold { font-weight: bold; } .article #main-content .course_careers { width: 408px; padding: 10px 10px 20px 10px; border-style: solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px 1px; margin-top: 31px; } .article #main-content .course_details_content h2, .article #main-content .course_careers h3, .article #main-content .coursecontent h3, .article #main-content .course_details_content h3 { font-weight: bold; font-size: 100%; margin: 0; line-height: 1.3em; } .article #main-content .coursecontent h3, .article #main-content .course_details_content h3 { color: #687B88; } .article #main-content .course_details_content h2 { font-size: 116.7%; } .article #main-content ul.courses_links { list-style-type: none; padding: 0; margin: 0 0 15px 0; font-size: 133.4%; } .article #main-content ul.courses_links li { line-height: 1.3em; margin: 0 0 5px 0; } .article #main-content ul.courses_links a.arrow:link, .article #main-content ul.courses_links a.arrow:visited { background: url(http://www.westminster.ac.uk/__data/assets/image/0003/59277/arrow_link.gif) 0 5px no-repeat; padding-left: 14px; display: block; } .article #main-content ul.courses_links a.arrow:focus, .article #main-content ul.courses_links a.arrow:hover, .article #main-content ul.courses_links a.arrow:active { background: url(http://www.westminster.ac.uk/__data/assets/image/0008/59282/arrow_dark_grey_link.gif) 0 5px no-repeat; } .article #main-content .listing_right_content .hotspot_grey_normal { border-top-color: #687B88; min-height: 60px; } .article #main-content .listing_right_content .hotspot_grey_normal h3 { color: #687B88; font-weight: normal; text-transform: none; } .article #main-content .listing_right_content .hotspot_grey { border-top-color: #687B88; } .article #main-content .listing_right_content .hotspot_grey .prospectus { background: transparent url(http://www.westminster.ac.uk/__data/assets/image/0008/88910/pho_ug_prospectus.jpg) no-repeat 100% 0pt; min-height: 97px; } .article #main-content .listing_right_content .hotspot_grey .prospectus p { padding-right: 70px; } /* --------------- courses_slides --------------- */ .article #main-content #courses_main_panel { position: relative; width: 430px; height: 200px; margin: 25px 0 60px 0; padding: 0; } .article #main-content #courses_main_panel .fixed { position: absolute; top: 0; right: 0; width: 430px; z-index: 1000; } .article #main-content #courses_main_panel .fixed ul.slides_nav { list-style-type: none; display: inline; float: right; margin: 0; padding: 0; } .article #main-content #courses_main_panel .fixed ul.slides_nav li { display: inline; float: left; height: 28px; } .article #main-content courses_#main_panel .fixed ul.slides_nav li img { border: 0; } .article #main-content #courses_main_panel .fixed ul.slides_nav li a#next img { border-left: 1px solid #ccc; } .article #main-content ul#courses_slides { margin: 0; list-style: none; } .slide_container .slide_content { /*position: absolute;*/ top: 0; left: 0; width: 430px; height: 200px; color: white; background-color: #6d91a4; } .slide_container .slide_content .slide_text_courses { padding: 40px 235px 20px 20px; color: white; line-height: 1.3em; } .slide_container .slide_content .slide_text_right { padding: 40px 20px 20px 235px; } .slide_container .slide_content .slide_text_courses .larger { font-size: 116.7%; } .slide_container .one { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0011/85673/slide1.jpg") no-repeat; } .slide_container .two { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0009/85680/slide2.jpg") no-repeat; } .slide_container .three { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0006/85794/slide3.jpg") no-repeat; } .slide_container .four { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0007/85795/slide4.jpg") no-repeat; } .slide_container .five { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0008/85796/slide5.jpg") no-repeat; } .slide_container .six { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0009/85797/slide6.jpg") no-repeat; } .slide_container .seven { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0010/85798/slide7.jpg") no-repeat; } .slide_container .eight { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0007/85813/slide8.jpg") no-repeat; } .slide_container .nine { background: #6d91a4 url("http://www.westminster.ac.uk/__data/assets/image/0006/85812/slide9.jpg") no-repeat; } .slide_container h2 { font-size: 183.4%; font-weight: normal; margin-bottom: 6px; } /*.slide_container .slide_img { height: 300px; width: 310px; margin-left: 330px; }*/ #courses_main_panel .nav { position: absolute; top: 200px; left: 0; width: 425px; height: 20px; background: #4b5861 url("http://www.westminster.ac.uk/__data/assets/image/0009/85671/bg_slides_nav_bottom_bar.gif") repeat-x; padding-top: 5px; padding-left: 5px; } #courses_main_panel #nav a:link, #courses_main_panel #nav a:visited { padding: 0 5px 0 5px; border-right: 1px solid #ccc; color: #ccc; } #nav a:focus, #nav a:active, #nav a:hover { color: white; } #courses_main_panel #nav a.activeSlide:link, #courses_main_panel #nav a.activeSlide:visited { font-weight: bold; color: white; } #courses_main_panel .slide_note { position: absolute; top: 230px; font-size: 90%; color: #666; } #courses_main_panel div.non_js_nav a:link, #courses_main_panel div.non_js_nav a:visited { margin: 0; padding: 0 4px; } #courses_main_panel .fixed ul.slides_nav li a#next, #courses_main_panel .fixed ul.slides_nav li a#prev { cursor: pointer; } .hidden { height: 0; left: 0px; overflow: hidden; position: absolute; top: -1000px; width: 0; } /* --------------- accordion --------------- */ .article #main-content h2.acc_trigger { padding: 0; margin: 1px 0 0 0; background: url("http://www.westminster.ac.uk/__data/assets/image/0003/72480/bg_top_nav.gif") repeat-x scroll 0 0 #009997; height: 30px; line-height: 30px; width: 190px; font-size: 1em; font-weight: normal; float: left; /*text-transform: uppercase;*/ } .article #main-content h2.acc_trigger a { color: #fff; text-decoration: none; display: block; padding: 0 0 0 10px; } .article #main-content h2.acc_trigger a:hover { color: #CEEFEF; } .article #main-content listing_right_content h2.active { background-position: left bottom;} .article #main-content .acc_container { margin: 0; padding: 0; overflow: hidden; width: 188px; clear: both; /*background: url('http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif') repeat-x;*/ border: 1px solid #009997; } .article #main-content .acc_container .block { padding: 12px 10px 0px 10px; } /*--------------------- ALUMNI ------------------*/ #main_panel { position: relative; width: 600px; height: auto; min-height: 245px; margin: 0; padding: 0; } #main_panel .fixed { position: absolute; top: 0; right: 0; width: 600px; z-index: 1000; } #main_panel .fixed ul.slides_nav { list-style-type: none; display: inline; float: right; margin: 0; padding: 0; } #main_panel .fixed ul.slides_nav li { display: inline; float: left; height: 28px; } #main_panel .fixed ul.slides_nav li img { border: 0; } #main_panel .fixed ul.slides_nav li a#next img { border-left: 1px solid #ccc; } .article #main-content #main_panel h2 { line-height: 1.3em; margin: 0; font-size: 200%; } .article #main-content #main_panel h3 { line-height: 1.3em; margin-bottom: 20px; font-size: 150%; } .article #main-content #main_panel p, .article #main-content #main_panel a:link, .article #main-content #main_panel a:visited { line-height: 1.3em; color: white; } .article #main-content #main_panel p.arrow_white, .article #main-content #main_panel a.arrow_white:link, .article #main-content #main_panel a.arrow_white:visited { padding: 0 12px 0 13px; background: url(http://www.westminster.ac.uk/__data/assets/image/0009/75573/arrow_link_magenta_bg.gif) 0 3px no-repeat; display: block; } .article #main-content #main_panel p.arrow_white_teal, .article #main-content #main_panel a.arrow_white_teal:link, .article #main-content #main_panel a.arrow_white_teal:visited { padding: 0 12px 0 13px; background: url(http://www.westminster.ac.uk/__data/assets/image/0006/59280/arrow_white_link.gif) 0 3px no-repeat; display: block; } .article #main-content #main_panel a.relatedlink:link, .article #main-content #main_panel a.relatedlink:visited { margin-top: -7px; } .article #main-content ul#slides { margin-bottom: 0; margin-left: 0; } .article #main-content ul#slides li { list-style-type: none; } .slide_container .slide_text { position: absolute; top: 0; left: 0; width: 250px; height: 175px; padding: 20px 30px 30px 20px; color: white; background: #009997; } .slide_container .magenta { background: #d10074 url("http://www.westminster.ac.uk/__data/assets/image/0003/86763/bg_magenta_small.gif") repeat-x; } /*.slide_container .blue { background: #4b92db url("../images/slides_backgrounds/bg_blue.gif") repeat-x; } .slide_container .greyblue { background: #6d91a4 url("../images/slides_backgrounds/bg_greyblue.gif") repeat-x; } .slide_container .red { background: #f7403a url("../images/slides_backgrounds/bg_red.gif") repeat-x; } .slide_container .purple { background: #8b6cd0 url("../images/slides_backgrounds/bg_purple.gif") repeat-x; } .slide_container .turquoise { background: #009997 url("../images/slides_backgrounds/bg_turquoise.gif") repeat-x; } .slide_container .orange { background: #f05d00 url("../images/slides_backgrounds/bg_orange.gif") repeat-x; } .slide_container .green { background: #34b233 url("../images/slides_backgrounds/bg_green.gif") repeat-x; } */ .slide_container .slide_img { height: 225px; width: 300px; margin-left: 300px; } .article #main-content ul#slides li ul.slide_inner_list { color: white; list-style: square; } .article #main-content ul#slides li ul.slide_inner_list li.square { color: white; display: block!important; list-style-type: square; padding: 0; margin: 0; } #main_panel .nav { position: absolute; top: 300px; left: 0; width: 635px; height: 20px; background: #4b5861 url("../images/slides_backgrounds/bg_slides_nav_bottom_bar.gif") repeat-x; padding-top: 5px; padding-left: 5px; } #nav a:link, #nav a:visited { padding: 0 5px 0 5px; border-right: 1px solid #ccc; color: #ccc; } #nav a:focus, #nav a:active, #nav a:hover { color: white; } #nav a.activeSlide:link, #nav a.activeSlide:visited { font-weight: bold; color: white; } .article #main-content #main_panel .slide_note { position: absolute; top: 300px; font-size: 90%; color: #666; } .article #main-content #main_panel h2.smaller { font-size: 185%; } #main_panel div.non_js_nav a:link, #main_panel div.non_js_nav a:visited { margin: 0; padding: 0 4px; } #main_panel .fixed ul.slides_nav li a#next, #main_panel .fixed ul.slides_nav li a#prev { cursor: pointer; } .hidden { height: 0; left: 0px; overflow: hidden; position: absolute; top: -1000px; width: 0; } p.quote { clear: left; padding: 10px 0 10px 0; margin: 0!important; } #startquote { background: url("http://www.westminster.ac.uk/__data/assets/image/0008/74753/quote_left.png") no-repeat; width: 39px; height: 40px; float: left; clear: left; margin: 0; } #endquote { background: url("http://www.westminster.ac.uk/__data/assets/image/0009/74754/quote_right.png") no-repeat; width: 39px; height: 40px; float: right; clear: left; margin: 0; padding-top: 0; } div.all_cols_container { margin-top: 0; margin-bottom: 20px; background-color: #f2f2f2; width: 600px; padding: 0; border: 2px solid #ccc; border-width: 2px 0; } div.all_cols_container h2.padding, div.all_cols_container p.padding { padding-left: 10px; } div.column_single { width: 168px; margin-left: 15px; height: auto; min-height: 110px; border: 1px solid #c4c4c4; border-top: 6px solid #d80067; float: left; padding: 10px; background: white url("http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif") repeat-x scroll 0 0; } div.column_single_purple { border-top: 6px solid #6e46b9; } div.column_single_green { border-top: 6px solid #23a023; } div.column_single_blue { border-top: 6px solid #418cd7; } div.column_single_teal { border-top: 6px solid #00a5a0; } div.column_single_orange { border-top: 6px solid #e66900; } div.column_single_red { border-top: 6px solid #e10f0f; } div.column_single_long { min-height: 225px; } .column_teal { border-top: 6px solid #d80067; } div.first_column { margin-left: 0; clear: left; } .article #main-content div.column_single p { margin: 0 0 12px 0; } .article #main-content div.column_single h2 { font-size: 116.7%; line-height: 1.3em; font-weight: bold; color: #333; margin: 0 0 12px 0; } div.column_double { width: 393px; } div.three_cols_container { width: 600px; float: left; clear: both; margin-bottom: 15px; } div.two_cols_container { width: 395px; } #main-content .tall_box_current_students { min-height: 310px; } .article #main-content ul.arrow li a:link, .article #main-content ul.arrow li a:active, .article #main-content ul.arrow li a:visited, .article #main-content div.three_cols_container .column_single a.arrow_grey:link, .article #main-content div.three_cols_container .column_single a.arrow_grey:visited { padding: 0 12px 0 13px; background: url(http://www.westminster.ac.uk/__data/assets/image/0004/75622/arrow_grey.gif) 0 3px no-repeat; display: block; } .article #main-content div.three_cols_container .column_single a.external:link, .article #main-content div.three_cols_container .column_single a.external:visited, .article #main-content .listing_right_content .hotspot a.external:link, .article #main-content .listing_right_content .hotspot a.external:visited { background: url("http://www.westminster.ac.uk/__data/assets/image/0007/63817/external_gy.gif") no-repeat scroll left 3px transparent; padding: 0 0 0 18px; display: block; } /* ------------ TEMP PRE_LAUNCH STYLES COPIED FROM THE NEW CSS -------------- */ .hotspot, .hotspot_grey, .hotspot_teal, .hotspot_green, .hotspot_blue, .hotspot_orange, .hotspot_magenta, .hotspot_magenta { margin: 0; border: 1px solid #c4c4c4; border-top-width: 6px; border-top-color: #687b88; padding: 10px 10px 20px 10px; margin-bottom: 16px; } #columnrightnarrow .hotspot, #columnrightnarrow .hotspot_grey { width: 168px; } .gradientbg, .hotspot, .hotspot_grey, .hotspot_teal, .hotspot_orange, .hotspot_green, .hotspot_blue, .hotspot_magenta { border-top: 6px solid #687B88; background: white url(http://www.westminster.ac.uk/__data/assets/image/0011/59276/box_background.gif) repeat-x; } .gradientbg img, .hotspot img, .hotspot_grey img, .hotspot_teal img, .hotspot_orange img, .hotspot_green img, .hotspot_blue img, .hotspot_magenta img { width: 168px; height: 130px; } div div.img { min-height: 97px; padding: 0; width: 168px; } div div.prospectus { background: transparent url(http://www.westminster.ac.uk/__data/assets/image/0020/101279/pdf_prospectus_ug.jpg) no-repeat 100% 100%; } div div.prospectus_pg { background: transparent url(http://www.westminster.ac.uk/__data/assets/image/0004/106996/pdf_prospectus_pg.gif) no-repeat 100% 100%; } .prospectus p, .prospectus_pg p { padding-right: 70px; } .three_cols_container ul.arrow { margin: 0!important; padding: 0; } .three_cols_container ul.arrow li { list-style-type: none; margin-bottom: 4px; } .three_cols_container ul.arrow li a:link, .three_cols_container ul.arrow li a:visited { background-position: 0 7px !important; } .three_cols_container ul.arrow li a span.grey, ul.arrow li a span.grey { color: #666; } .article #main-content ul.arrow { list-style-type: none; margin-left: 0; } .article #main-content ul.arrow li a:link { display: inline-block; } .clearleft { clear: left; }