@charset "utf-8";
@import url(featured-links.css);
@import url(3.2.1/compatibility.css);
@import url(splitters.css);
/* v3.2.0 Distributable Release - 6/5/2011 */
/* Use this file for site-specific CSS customisations, do not modify screen.css */

/* General */
input.button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; }

/* Staff page */
#content div#quicklinks .panelbody, #content div#phonebook .panelbody { height:9em; padding:0.5em 2em; }
#content div#quicklinks { width: 38%; float: left; }
#content div#quicklinks ul.column li { width: 43%; margin-bottom:0; }
#content div#phonebook { width: 59%; float: left; margin: 0.4em 1em 0 0; }

#content #phonebook form.formbuilder fieldset li { margin: 0; padding: 0.5em ; }
#content #phonebook form.formbuilder fieldset legend { padding-bottom: 0.5em; } 
#content #phonebook form.formbuilder ul { padding: 0; }
#content #phonebook form.formbuilder label.hide_text { display: none; }
#content #phonebook form.formbuilder input.button { margin: 0 0 -0.1em 0.3em; padding: 0.25em 0.8em }
#content #phonebook form.formbuilder #search_by { margin-left: 0.3em; width: 10em; }
#content #phonebook form.formbuilder #search_terms { width: 14.5em; }
#content #phonebook form.formbuilder #phonebook-hint { font-size: 0.9em; }


/* Future student styles */
#content .expanding-image #student_it_building { background: url(../images/content/future_students/student_it_building.jpg) no-repeat top left; }
#content .expanding-image #student_library { background: url(../images/content/future_students/student_library.jpg) no-repeat top left; }
div#content div#future_student_form.panel div.panelbody label {  display: inline; margin: 0 0.5em; }
#content .expanding-image { border: 1px solid #d6d6d6; }
#content .expanding-image .image { border: 1px solid #fff; height: 7.273em; }
body.future_students #sidebar dl#profiles { margin-top: 2em; }
body.future_students #content .column img { margin-bottom: 0; }
#fs-links li { width: 22.5%; }
div#futurestudents.strip { background: url(../images/content/strip_futurestudents.jpg) repeat-x; }

/* Course Search panel styles */
#sidebar div#course_search { margin-top: 21px; }
#sidebar div#course_search.panel div.panelbody label { display: block; font-weight: bold; }
#sidebar div#course_search.panel div.panelbody input, #sidebar div#course_search.panel div.panelbody select { width: 150px; }
#sidebar div#course_search.panel div.panelbody input.button { width: auto; }

#content ul.teaser-list li { width: 46%; }

#content #course_search_form #contains_keywords { width: auto; }
#content #course_search_form label { margin-top: 0.25em; width: auto; }
#content #course_search_form fieldset li { padding: 0.5em; }
#content #course_search_form fieldset li input.button { height: 1.7em; padding: 0 0.750em; margin-bottom: -1px; }
#content #course_search_form ol.column { width: auto; float: none; }
#content #course_search_form ol.column li { float: left; }
#content #course_search_form ol.column li { float: left; }
#content #course_search_form ol.column.two li { width: 47%; }
#content #course_search_form ol.column.four li { width: 22.5%; }
#content #course_search_form ol.column fieldset label { margin: 0 0 0 0.833em; }

/* Blue feature pane - only to be used if featur epane is a form */
#sidebar dl.feature.blue { background-image: url(../images/common/feature-generic-bot-blue.gif); background-color: #EFF3F6; }
#sidebar .feature.blue dt { background-image: url(../images/common/feature-generic-top-blue.gif); color: #384856;  }
#sidebar .feature.blue dd { background-image: url(../images/common/feature-generic-mid-blue.gif); }

#splashpod.student_guide { background-image: url(../images/content/current_students/student_guide_splashpod.jpg); }

#open-day-content { width: 374px; height: 230px; /* float: left; */ left: 0px; top: 0px; position: absolute; }
#open-day-content h3 { color: #ffffff; font-size: 4.2em; font-weight: normal; margin: 0.3em 0px 0.25em 0.476em; text-transform: uppercase; line-height: 40px; }
#open-day-content h4 { font-size: 2.8em; font-weight: normal; text-transform: uppercase; margin: 0 0 0 0.714em; }
#open-day-content h4 a { color: #333333; }
#open-day-content p { color: #ffffff; text-transform: uppercase; font-size: 1.7em; margin: 0 0 0 1.176em; }
#open-day-content p.more { margin: 0.7em 1.9em 0 1.333em; font-size: 1.5em; text-transform: none; text-align: right; }
/* #open-day-content p.more a { background: url(../images/console/arrow_more.gif) no-repeat right center; padding: 0 1.2em 0 0; } */
#open-day-slideshow { width: 486px; height: 230px; left: 374px; top: 0px; position: absolute; }

#go-expo-content { width: 359px; height: 230px; left: 0px; top: 0px; position: absolute; }
#go-expo-content h3 { color: #ffffff; font-size: 6em; font-weight: normal; margin: 0.35em 0px 0.17em 0.417em; text-transform: uppercase; line-height: 55px; }
#go-expo-content h3 span { color: #333333; }
#go-expo-content h4 { font-size: 2.2em; font-weight: normal; text-transform: uppercase; margin: 0 0 0 1.136em; }
#go-expo-content h4 a { color: #333333; }
#go-expo-content p { text-transform: uppercase; font-size: 1.7em; margin: 0 0 0 1.5em; }
#go-expo-content p.date { /* margin-top: 1em; */ }
#go-expo-content p.more { margin: 0; font-size: 1.5em; text-transform: none; text-align: right; position: absolute; bottom: 20px; right: 30px; }
#go-expo-slideshow { width: 502px; height: 230px; left: 359px; top: 0px; position: absolute; }

/* Slimbox */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/common/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/common/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/common/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/common/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* Research & innovation */
body#research #content .column { margin: 0; padding: 0; }
body#research #content .column.four { width: 24.39%; padding: 0 0.400em 0 0; }
body#research #content .column.four img { padding: 0; }
body#research #content .column.four h2 { margin-top: 0.500em; font-size: 1.4em; }
body#research #content .column.four ul, #content .column.two ul { margin: 0.5em 0px; padding: 0px; }
body#research #content .column.four ul li, #content .column.two ul li { background: url(../images/common/list-item-red-pipe.gif) no-repeat 0px 4px; list-style-image: none; list-style-type: none; margin: 0px; padding: 0.2em 0px 0.2em 0.833em; line-height: normal; }
body#research #content .column.two { width: 49.1%; margin: 0 0.500em 0 0; }
body#research #content .column.two h2 { font-size: 1.4em; margin-top: 0.500em; }
body#research #content .column.two img { padding: 0; }
body#research #content .column.two .slideshow { height: 200px; width: 175px; float: left; }
body#research #content .column.two.yellow { background: #FDEFCC; height: 200px; margin-top: 2em; }
body#research #content .column.two.yellow .content { width: auto; height: auto; padding: 0 0.7em 0.7em 0.7em; overflow: hidden; }
body#research #content .column.two.blue { background: #EBEFF7; height: 200px; margin-top: 2em; }
body#research #content .column.two.blue .content { float: left; width: 166px; height: 200px; padding: 0 0.7em 0.7em 0.7em; overflow: hidden; }

body#research #splashpod { margin: 0 3.2em 2em 22.45em;  }

/* Future students */
#content #future-student-splitter { list-style: none; overflow: hidden; margin: 2em 0; }
#content #future-student-splitter a.splitter { width: 344px; height: 200px; display: block; color: #333333; text-decoration: none; text-transform: uppercase; position: relative; margin: 0 0 1.5em 0; }
#content #future-student-splitter a.splitter:hover { border-color: #F5AF00;  }
#content #future-student-splitter li { list-style: none; background: none; padding: 0 0.8em; }
#content #future-student-splitter li .undergraduate { background: url(../images/content/future_students/undergrad.jpg) no-repeat; }
#content #future-student-splitter li .postgraduate { background: url(../images/content/future_students/students-studying.jpg) no-repeat; }
#content #future-student-splitter li span.title { background: #f3ca62; display: block; float: left; font-size: 1.250em; padding: 0.7em 1em; position: absolute; bottom: -5px; left: -10px; }
#content #future-student-splitter li a.splitter:hover .title { background: #F5AF00 !important; }
#future-student-splitter span.title span { background: url(../images/common/black_caret_off.gif) no-repeat right center; padding-right: 0.8em; }
#future-student-splitter a.splitter:hover span.title span { background-image: url(../images/common/black_caret.gif); }

/* International */
#content #ignite-international_students { width: 700px; height: 250px; margin: 1.5em 0; }

/* new spotlight */
#sidebar #profiles.noborder { width: 18em; }
#sidebar #profiles.noborder .scroller { overflow: hidden; width: 18em; display: block; }
#sidebar #profiles.noborder .scroller .content { width: 200em !important; }
#sidebar #profiles.noborder .scroller .section { float: left; overflow: hidden; width: 18em; }
#sidebar #profiles.noborder .scroller .section a { color: white; display: block; text-decoration: none; background: transparent no-repeat 0 0; height: 20em; }
#sidebar #profiles.noborder .scroller .section a span { background: #12416C; text-transform: uppercase; padding: 0.5em 2em 1em 0.5em; font-size: 1.2em; display: block; margin-right: 1.667em; }
#sidebar #profiles.noborder .scroller .section .museum-color { background: #361e2e; }
#sidebar #profiles.noborder .scroller .section a:hover span { text-decoration: underline; }
#sidebar #profiles.noborder #spotlight-controls { background: #f8f8f8; padding: 0.5em; border-bottom: 1px dotted #DBD3C2; }
#sidebar #profiles.noborder #spotlight-controls a { color: #333; padding: 0; height: 16px; width: 16px; }
#sidebar #profiles.noborder #spotlight-controls .prev { background-image: url(../images/common/icons/grey/arrow-left.gif); }
#sidebar #profiles.noborder #spotlight-controls .next { background-image: url(../images/common/icons/grey/arrow-right.gif); }

#sidebar #profiles.noborder a.play, #sidebar #profiles.noborder a.pause { display: inline-block; height:16px; width:16px; padding:0; position:absolute; margin-left: 61px;}
html:not([dummy]) #sidebar #profiles.noborder a.play,html:not([dummy]) #sidebar #profiles.noborder a.pause { margin-left:77px; }
#sidebar #profiles.noborder a.play{background:url(../images/common/icons/grey/play.gif) no-repeat 100% 50%; }
#sidebar #profiles.noborder a.pause{background:url(../images/common/icons/grey/pause.gif) no-repeat 100% 50%;}

.login { background: url(../images/common/icons/custom/lock_off.gif) no-repeat bottom right; padding-right: 15px; }
.login:hover { background-image: url(../images/common/icons/custom/lock_on.gif); }

/* International portfolio console */
#international-portfolio-console #feature_one.story { background-image: url(../images/content/international/portfolio/console/board.jpg); }
#international-portfolio-console #feature_two.story { background-image: url(../images/content/international/portfolio/console/index.jpg); }
#international-portfolio-console #feature_three.story { background-image: url(../images/content/international/portfolio/console/singapore.jpg); }

#international-portfolio-console { position: relative; background: #f5f5f5; overflow: hidden; width: 54.600em; height: 22em; float: left; font-size: 0.909em; color: #ffffff; margin: 1em 0; } 
#international-portfolio-console .controls { position: absolute; z-index: 1000; font-size: 1.2em; padding: 1.3em 0.7em;}
#international-portfolio-console .controls a { border: 1px solid #fff; color: #fff; padding: 0.2em 0.5em; margin: 0 0.5em; cursor: pointer; text-decoration: none; }
#international-portfolio-console .controls a:hover, #international-portfolio-console #controls a.active { background-color: #F5AF00; colour: black; font-weight: bold; }
#international-portfolio-console .story { height: 22em; width: 54.600em; colour: white; float: left; background-color: #f5f5f5; }
#international-portfolio-console .story h2 { background-color: #CE1126; font-size: 1.2em; margin: 0; width: 13em; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 1em; right: 1em; height: auto; padding: 0; z-index: 1; }
#international-portfolio-console .story h2 a { padding: 0.75em; display: block; height: 5em; background: none; color: #ffffff; }
#international-portfolio-console .story p { background-color: #F5AF00; color: #333333; line-height: normal; font-size: 1.2em; padding: 0.75em; margin: 0; width: 13em; height: 6.5em; bottom: 1em; right: 7.333em; position: absolute; padding-bottom: 6.75em; z-index: 0;  }
#international-portfolio-console .story p a { color: #333333; text-decoration: underline; }
#international-portfolio-console .story p a:hover { text-decoration: none; }

/* Our people */
#content #our-people div.column img { padding: 0; }
#content #our-people div.column h3 { margin-top: 0.7em; }

#content #sc-search {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F5F5F5;
    border-color: #DBD3C2;
    border-style: dotted;
    border-width: 1px 0;
    font-size: 1.1em;
    margin: 1em 0;
    padding: 0.7em 0.85em 1em;
}
#content #sc-search fieldset #sc-query {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
    color: #333333;
    height: 22px;
    padding: 4px 6px 0;
    vertical-align: middle;
    width: 35em;
}
#content #sc-search fieldset select {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
    color: #333333;
    height: 28px;
    margin: 0 1em;
    overflow: visible;
    padding: 4px 2px 4px 4px;
    vertical-align: middle;
    width: 10em;
}
#content #sc-search fieldset label {
    height: 1px;
    left: -10000px !important;
    overflow: hidden;
    position: absolute !important;
    top: auto;
    width: 1px;
}
#content #sc-search fieldset legend {
    color: #CE2923;
    font-size: 1.5em;
    padding-bottom: 0.2em;
}
#content #sc-search fieldset #sc-submit {
    background-color: #12416C;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    height: 28px;
    line-height: 29px;
    margin-top: -2px;
    overflow: visible;
    padding: 0 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    vertical-align: middle;
}
#content #sc-search fieldset #sc-submit:not([dummy]) {
}
#content #sc-search fieldset #sc-submit:hover {
    background-color: #17538B;
    background-image: -moz-linear-gradient(center top , #17538B, #0D2F4D);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#content #sc-search fieldset #sc-submit:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}


/* December Events Console */

#console #events .slide {height:230px; width:830px;position: relative;}
#console #events .slideshow {float:left;height:230px; width:413px; background-color:white;}
#console #events .slide h1{position: relative;  font-size: 3em; padding:20px; text-transform: uppercase;color:#333333; font-weight:normal;}
#console #events .slide h3{margin:0;color:#333333; font-weight:normal;margin-left:-50px; text-align:right;}
#console #events .slide p{margin:0;color:#333333; font-weight:normal;padding-left:25px;padding-bottom:5px; width:350px;font-size:1.4em;}
#console #events .eventtext {float:left; width:400px;height:230px;position:relative;}
#console #events #controls {position:absolute; top:200px;left:800px;}
#console #events #controls a {border: 1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; margin: 0 0.5em; padding:0.2em 0.5em;}
#console #events #controls a:hover {color:black; font-weight:bold;background-color:#F5AF00;}
#console #events .infoOverlay {position:absolute;font-size:12px;opacity:0.95;overflow:visible!important;}
#console #events .infoOverlay h1 {font-weight:normal;overflow:visible!important; background-color:#F9CF66;padding:5px;}
#console #events #infoday {width:70px;}
#console #events #festival {width:100px;}
#console #events #infoOverlayWrapper {width:250px;}
#console #events .links {left:38.5em;}

/* Maps landing page */
#maps-splashpod {margin-top: 1em;height: 500px;overflow: hidden;}
#maps-splashpod a {color: #333333;font-weight: bold;text-transform: uppercase;text-decoration: none;}
#content #maps-splashpod a:hover {text-decoration: none;}
#content #maps-splashpod a:hover span.text {text-decoration: none;background: #F5AF00;background: #F5AF00 url(../images/content/maps/arrow-active.png) no-repeat 92% .9em;}
#content #maps-splashpod .large a:hover span.text {background: #F5AF00 url(../images/content/maps/arrow-active.png) no-repeat 96% .8em;}
#content #maps-splashpod a:hover span.mask {display: block;}
#maps-splashpod ul {margin: 0;padding: 0;}
#maps-splashpod ul li {margin: 0;padding: 0;list-style: none;float: left;margin: 0 0 20px 20px;}
#maps-splashpod .large {margin: 0;}
#maps-splashpod .large a {display: block;height: 500px;width: 368px;background: #fafafa;position: relative;}
#maps-splashpod .small a {display: block;height: 110px;width: 120px;width: 166px;background: #fafafa;position: relative;}
#maps-splashpod li span.text {display: block;width: 75%;min-height: 35%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);background: #ffd875 url(../images/content/maps/arrow-inactive.png) no-repeat 92% .9em;padding: 5px 15px 5px 5px;z-index: 2;}
#maps-splashpod li span.mask {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;z-index: 1;}
#maps-splashpod .large span.text {font-size: 1.5em;padding: 10px;width: 80%;margin-right: 3em;background: #ffd875 url(../images/content/maps/arrow-inactive.png) no-repeat 96% .8em;min-height: 10%;}

#maps-splashpod #one { background: #fafafa url(../images/content/maps/camdar.jpg) no-repeat top left; }
#maps-splashpod #two { background: #fafafa url(../images/content/maps/bur.jpg) no-repeat top left; }
#maps-splashpod #three { background: #fafafa url(../images/content/maps/cammaicob.jpg) no-repeat top left; }
#maps-splashpod #four { background: #fafafa url(../images/content/maps/cammayhun.jpg) no-repeat top left; }
#maps-splashpod #five { background: #fafafa url(../images/content/maps/coajohwol.jpg) no-repeat top left; }
#maps-splashpod #six { background: #fafafa url(../images/content/maps/con.jpg) no-repeat top left; }
#maps-splashpod #seven { background: #fafafa url(../images/content/maps/cum.jpg) no-repeat top left; }
#maps-splashpod #eight { background: #fafafa url(../images/content/maps/malstr.jpg) no-repeat top left; }
#maps-splashpod #nine { background: #fafafa url(../images/content/maps/nar.jpg) no-repeat top left; }
#maps-splashpod #ten { background: #fafafa url(../images/content/maps/roz.jpg) no-repeat top left; }
#maps-splashpod #eleven { background: #fafafa url(../images/content/maps/saijam.jpg) no-repeat top left; }
#maps-splashpod #twelve { background: #fafafa url(../images/content/maps/surhil.jpg) no-repeat top left; }
#maps-splashpod #thirteen { background: #fafafa url(../images/content/maps/wes.jpg) no-repeat top left; }

/* Accommodation button */
.accommodation-database-login {
    display: inline-block;
    background: #ce1126;
    color: white;
    text-decoration: none !important;
    padding: 0.5em 0.75em;
    text-align: center;
    text-transform: uppercase;
}

/* Column tables */
#content table.col-table {
    border-top: 0.202em solid #4D483C;
    width: 100%;
}

#content table.col-table td {
    border-bottom: 0.1em solid #DBD3C2;
    vertical-align: top;
}


/* Notice */
.usyd-notice { padding: 10px; background-color: #f3f5f7; color: #12416c; }
.usyd-notice.usyd-fixed { position: absolute; top: 0; left: 0; right: 0; -moz-box-shadow: 0 0 3px 0 #999999; -webkit-box-shadow: 0 0 3px 0 #999999; box-shadow: 0 0 3px 0 #999999; }
.usyd-notice.usyd-notice-warning { background-color: #fefbf2; color: #bc5200; }
.usyd-notice.usyd-notice-info { }
.usyd-notice.usyd-notice-error { background-color: #fcf3f4; color: #ce1126; }
.usyd-notice.usyd-notice-success { background-color: #f5f6f3; color: #3e5712; }

/* HiDPI */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { 
    body.splash #head h1 a#usyd-logo, body #head h1 a#logo {
        background-image: url(../images/common/university_sydney_logo@2x.gif);
        background-size: 200px 80px, auto;
    }
    #foot #go8-logo {
        background-image: url(../images/common/logo_go8_black@2x.gif);
        background-size: 156px 24px, auto;
    }
}

.searchHelpText{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}