#spotlight .spotlight-item .spotlight-copy a { color:#A8D1DE }
#spotlight_mk3 ul.spotlight-nav li.spotlight-nav-active a, #spotlight_mk3 .spotlight-colour { background-color:#87BBCA }
#spotlight_mk3 ul.spotlight-nav li.spotlight-nav-active a:hover, #spotlight_mk3 .spotlight-colour:hover { background-color:#A8D1DE }
#spotlight_mk3 ul.spotlight-nav li.spotlight-nav-active a:focus, #spotlight_mk3 ul.spotlight-nav li.spotlight-nav-active a:active, #spotlight_mk3 .spotlight-colour:focus, #spotlight_mk3 .spotlight-colour:active { background-color:#73B0C1 }
#spotlight_mk3 #spotlight, #spotlight_mk3 #spotlight .spotlight-item { height:300px }
#spotlight .spotlight-item .spotlight-copy { max-height:230px }
#oldcore body.page_has_spotlight #pagecontainer .bodycontents { margin-top:0px; margin-left:0px; margin-right:0px }
#oldcore body.page_has_spotlight #pagecontainer .bodycontents #pagecontent { margin-left:0px; margin-right:0px; padding:0px 30px }
#spotlight_mk3 .accessible_hidden { text-indent:-10000px; position:absolute }
#spotlight_mk3 { padding:9px; position:relative; background-color:#000; overflow:hidden }
#spotlight_mk3 #spotlight { position:relative; width:auto; margin-left:0px; margin-right:0px; overflow:hidden; background-color:#000 }
#spotlight_mk3 #spotlight #spotlight-item-new { visibility:hidden }
#spotlight_mk3 #spotlight .spotlight-item { min-width:300px; color:#fff; position:absolute; background-color:#161616; width:100%; max-width:1182px; text-align:center; overflow:hidden; display:block; background-position:center center; transition-property:background-position, background-size; transition-duration:0.2s }
#spotlight_mk3 #spotlight .spotlight_inactive { display:none }
#spotlight #spotlight-img-old { margin:0px; border:0px none; max-width:1182px }
#spotlight #spotlight-img { margin:0px; border:0px none; max-width:1182px; margin-right:0px; margin-bottom:0px }
#spotlight .spotlight_copy-left #spotlight-img { float:right; margin-right:0px; margin-bottom:0px }
#spotlight .spotlight-item .spotlight-copy { position:absolute; font-size:1.1em; left:40px; top:20px; text-align:left; width:280px; min-height:100px; overflow:auto; overflow-x:hidden; overflow-y:auto; padding:10px 20px; background:url('//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-copy-flow.png') repeat; transition-property:top, left, bottom, right, width, height; transition-duration:0.2s }
#spotlight .spotlight-item .spotlight-copy:focus { border:1px dotted gray; padding:9px 19px }
#spotlight_mk3 #spotlight .spotlight_copy-left { background-position:20% center }
#spotlight_mk3 #spotlight .spotlight_copy-right { background-position:80% center }
#spotlight_mk3 #spotlight .spotlight_copy-left .spotlight-copy { left:40px }
#spotlight_mk3 #spotlight .spotlight_copy-right .spotlight-copy { right:40px; left:auto !important }
#spotlight .spotlight-item .spotlight-copy h3 { margin:0.5em 0; font-size:1.5em; color:white }
#spotlight .spotlight-item .spotlight-copy h3 a:link, #spotlight .spotlight-item .spotlight-copy h3 a:visited { color:white; text-decoration:none }
#spotlight .spotlight-item .spotlight-copy h3 a:active, #spotlight .spotlight-item .spotlight-copy h3 a:focus, #spotlight .spotlight-item .spotlight-copy h3 a:hover { text-decoration:underline }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy p { margin:0.7em 0 }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy p.introduction { color:#fff }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy a { text-decoration:underline }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy a:focus, #spotlight_mk3 #spotlight .spotlight-item .spotlight-copy a:hover, #spotlight_mk3 #spotlight .spotlight-item .spotlight-copy a:active { color:#fff }
#spotlight_mk3 a.spotlight-back, #spotlight_mk3 a.spotlight-next { position:absolute; top:20%; width:26px; height:148px; overflow:hidden; background-position:center center; background-repeat:no-repeat; border:1px solid black; text-indent:-10000px; text-decoration:none; transition-property:top, background-color; transition-duration:0.2s }
#spotlight_mk3 a.spotlight-back { left:0; background-image:url('//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-arrow-left.png') }
#spotlight_mk3 a.spotlight-next { right:0; background-image:url('//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-arrow-right.png') }
#spotlight_mk3 ul.spotlight-nav { position:absolute; left:16px; bottom:16px; margin:0; padding:9px 6px; background:url('//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-copy-flow.png') repeat 0 0; list-style-image:none }
#ie7 #spotlight_mk3 ul.spotlight-nav { min-height:1% }
#ie6down #spotlight_mk3 ul.spotlight-nav { height:1% }
#spotlight_mk3 ul.spotlight-nav:after { clear:left; display:block; visibility:hidden; height:0; content:' ' }
#spotlight_mk3 ul.spotlight-nav li { display:inline; margin:0; padding:0 }
#spotlight_mk3 ul.spotlight-nav li a { float:left; width:12px; height:12px; margin:0 3px; background-color:#fff; font-weight:bold; color:#000; text-indent:-10000px; text-decoration:none }
#spotlight_mk3 ul.spotlight-nav li a:focus, #spotlight_mk3 ul.spotlight-nav li a:hover, #spotlight_mk3 ul.spotlight-nav li a:active { opacity:0.7 }
#spotlight_mk3 ul.spotlight-nav-active li a:focus, #spotlight_mk3 ul.spotlight-nav-active li a:hover, #spotlight_mk3 ul.spotlight-nav-active li a:active { opacity:0.7 }
#spotlight_mk3 .spotlight-nav-right { background:url("//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-copy-flow.png") repeat transparent; list-style-image:none; bottom:16px; right:16px; margin:0; padding:9px 6px; position:absolute; width:18px; height:12px }
#spotlight_mk3 .spotlight-nav-right li img { border:0px; padding:0px; margin:0px }
#ie7 #spotlight_mk3 .spotlight-nav-right { min-height:1% }
#ie6down #spotlight_mk3 .spotlight-nav-right { height:1% }
#spotlight_mk3 .spotlight-nav-right:after { clear:left; content:" "; display:block; height:0; visibility:hidden }
#spotlight_mk3 .spotlight-nav-right li { display:inline; margin:0; padding:0; height:12px; background-image:none }
#spotlight_mk3 .spotlight-nav-right li a { background-color:none; text-indent:0 !important; float:left; font-weight:bold; height:12px; padding:10px; margin:-10px -10px -10px -7px; text-decoration:none; width:12px }
#spotlight_mk3 .spotlight-nav-right li a:focus, #spotlight_mk3 .spotlight-nav-right li a:hover { opacity:0.7 }
#pagecontent div.spotlight-menu { width:auto; margin-top:-30px; margin-left:0px; margin-right:0px; clear:left }
#pagecontent div.spotlight-menu ul { margin:0px; padding:0; background-color:#333; list-style-image:none }
#ie7 #pagecontent div.spotlight-menu ul { min-height:1% }
#ie6down #pagecontent div.spotlight-menu ul { height:1% }
#pagecontent div.spotlight-menu ul:after { clear:left; display:block; visibility:hidden; height:0; content:' ' }
#pagecontent div.spotlight-menu ul li { float:left; display:inline; width:19.9%; margin:0; padding:0; background:#333 url('//www.uwa.edu.au/__data/assets/image/0011/1572950/nav-campaign-item-flow.gif') repeat-y 100% -1px }
#pagecontent div.spotlight-menu.spotlight-menu-8 ul li { width:12.4% }
#pagecontent div.spotlight-menu ul li:last-child { background-image:none }
#pagecontent div.spotlight-menu ul li a { display:block; min-height:53px; margin-right:2px; padding:14px 15px 15px 33px; font-size:1.166666em; color:#fff; text-decoration:none; background:url('//www.uwa.edu.au/__data/assets/image/0010/1572949/nav-campaign-bullet.gif') no-repeat 1em 1.214286em }
#pagecontent div.spotlight-menu.spotlight-menu-8 ul li a { min-height:20px }
#ie6down #pagecontent div.spotlight-menu ul li a { height:53px }
#pagecontent div.spotlight-menu ul li:nth-child(1) a { background-color:#101010 }
#pagecontent div.spotlight-menu ul li:nth-child(2) a { background-color:#181818 }
#pagecontent div.spotlight-menu ul li:nth-child(3) a { background-color:#202020 }
#pagecontent div.spotlight-menu ul li:nth-child(4) a { background-color:#282828 }
#pagecontent div.spotlight-menu ul li:nth-child(5) a { background-color:#303030 }
#pagecontent div.spotlight-menu ul li:nth-child(6) a { background-color:#383838 }
#pagecontent div.spotlight-menu ul li a:focus, #pagecontent div.spotlight-menu ul li a:hover, #pagecontent div.spotlight-menu ul li a:active { background-color:#000 }
#spotlight_mk3 #spotlight .spotlight-copy blockquote { padding-left:20px; padding-right:20px; font-style:italic; position:relative }
#spotlight_mk3 #spotlight .spotlight-copy blockquote .quotetop { float:left; left:0px; top:0px; position:absolute }
#spotlight_mk3 #spotlight .spotlight-copy blockquote .quotebottom { float:right; right:-20px; bottom:0px; position:absolute }
#spotlight_mk3 #ie6down #spotlight .spotlight-copy blockquote .quotetop { float:left }
#spotlight_mk3 #ie6down #spotlight .spotlight-copy blockquote .quotebottom { float:right }
#spotlight_mk3 #spotlight .spotlight-copy blockquote, q { quotes:none }
#spotlight_mk3 #spotlight .spotlight-copy blockquote:after, q:before, q:after { content:"" }
#spotlight .spotlight-copy ul.linklist { padding-left:0px; list-style-image:none; margin-top:0.8em; margin-bottom:0.8em }
#spotlight .spotlight-copy ul.linklist li { background:url('//static.weboffice.uwa.edu.au/visualid/graphics/devices/spotlight/spotlight-nav-campaign-bullet.gif') no-repeat left 45%; padding-left:18px; margin-left:0px }
#spotlight .spotlight-copy ul.linklist a:link { text-decoration:none }
#spotlight .spotlight-copy ul.linklist a:hover, #spotlight .spotlight-copy ul.linklist a:focus { text-decoration:underline }
#spotlight_data { margin:2em 0em }
#spotlight_data .spotlight_item { clear:left }
#spotlight_data .spotlight_item .spotlight_img { max-height:200px; max-width:40%; border:5px solid black; float:left }
#spotlight_data .spotlight_item .spotlight_copy { padding-top:1em; padding-left:1em; margin-left:40%; font-size:13px }
#spotlight_data .spotlight_item .spotlight_copy h1 { font-size:16px; margin-bottom:1em }
#spotlight_data .spotlight_item .spotlight_copy ul li { margin-left:40px }
@media screen and (max-width:800px) { #pagecontent div.spotlight-menu ul li { width:100%; background-image:none }
#pagecontent div.spotlight-menu ul li a { min-height:20px }
}
@media screen and (max-width:600px) { #spotlight_mk3 #spotlight .spotlight_copy-right .spotlight-copy, #spotlight_mk3 #spotlight .spotlight_copy-left .spotlight-copy { left:40px !important; right:40px !important; width:auto !important }
}
@media screen and (max-width:400px) { #spotlight_mk3 #spotlight { height:345px }
#spotlight_mk3 ul.spotlight-nav { bottom:5px; left:5px }
#spotlight_mk3 ul.spotlight-nav-right { bottom:5px; right:5px }
#spotlight_mk3 #spotlight .spotlight-item { background-position:center top; background-repeat:no-repeat; background-size:auto 160px; background-color:#000; overflow:hidden; height:345px }
#spotlight_mk3 #spotlight .spotlight_copy-right .spotlight-copy, #spotlight_mk3 #spotlight .spotlight_copy-left .spotlight-copy { font-size:100%; min-height:100px; padding:1px 10px 1px 10px; left:25px !important; right:25px !important; top:170px; bottom:0px; overflow-y:auto }
#spotlight_mk3 #spotlight .spotlight_copy-right .spotlight-copy:focus, #spotlight_mk3 #spotlight .spotlight_copy-left .spotlight-copy:focus { padding:0px 9px 0px 9px }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy h3 { margin-top:0px }
#spotlight_mk3 #spotlight .spotlight-item .spotlight-copy div { margin-bottom:25px }
#spotlight_mk3 a.spotlight-back { top:180px; border-left:0px; border-top:0px }
#spotlight_mk3 a.spotlight-next { top:180px; border-right:0px; border-top:0px; border-left:8px solid black }
#spotlight_mk3 { padding:10px 0px }
}
body.page_has_spotlight #pagecontainer #pagecontentbox { margin-top:0px }
#spotlight_mk3, #pagecontent div.spotlight-menu { margin-left:-31px; margin-right:-30px; margin-bottom:30px }
#oldcore .page_has_spotlight .topbanner .clearboth { height:0px }
@media screen and (max-width:900px) { body.page_has_spotlight #pagecontainer #pagecontentbox { margin-top:0px }
#spotlight_mk3, #pagecontent div.spotlight-menu { margin-left:-10px; margin-right:-10px }
#oldcore #spotlight_mk3, #oldcore #pagecontent div.spotlight-menu { margin-left:-30px; margin-right:-30px }
body.page_has_spotlight #pagecontainer #pagecontentbox, #oldcore body.page_has_spotlight #pagecontainer .bodycontents { border-left:0px }
}