/*  Faculty design 
----------------------------------------------------------------------------------------------------------------*/
.block-image header h3{
  font-weight:3400;
  font-size:15.5px;
}


/* Landing page banner title fix
----------------------------------------------------------------------------------------------------------------*/
#hero:after{
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 64%, rgba(0,0,0,0.59) 74%, rgba(0,0,0,0.45) 85%, rgba(0,0,0,0.25) 93%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(64%,rgba(0,0,0,0.65)), color-stop(74%,rgba(0,0,0,0.59)), color-stop(85%,rgba(0,0,0,0.45)), color-stop(93%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.59) 74%,rgba(0,0,0,0.45) 85%,rgba(0,0,0,0.25) 93%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.59) 74%,rgba(0,0,0,0.45) 85%,rgba(0,0,0,0.25) 93%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.59) 74%,rgba(0,0,0,0.45) 85%,rgba(0,0,0,0.25) 93%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.59) 74%,rgba(0,0,0,0.45) 85%,rgba(0,0,0,0.25) 93%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
width:60%;
}
#top #nav li a:hover{
  color:#c40000;
  text-decoration:underline;
  text-decoration:none\9;
}
#top #nav li a:hover i{
  text-decoration:none;
}
#quicklinks li, .nav-panel li, 
#relatedlinks li{
  line-height:110%;
}
#main #sidebar #quicklinks .nav-list > li > a, #main #sidebar .nav-panel .nav-list > li > a,
#main #sidebar #relatedlinks .nav-list > li > a{
  padding:6px 13px;
}

/* News listing feature image */
.hero-img{
  width:100%;
  height:300px;
  background-color:#eee;
}
.hero-img div{
    bottom: 0;
    float: right;
    height: 278px;
    padding: 10px 10px 0px 10px;
    position: relative;
    right: 0;
    border: 6px solid #888; 
    border-right:none;
    width:180px;
  background-color:#eaeaea;
  background-image: url('https://courses.its.utas.edu.au/__data/assets/image/0005/155057/arrow-lge.png?v=0.1.1');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.hero-img div:hover{
  background-color: #f2f2f2;
}
#content .hero-img div h2{
  position:absolute;
  bottom:0;
  right:0;
  padding:0 35px 0 10px;
  font-size:26px;
  line-height:110%;
  max-width:160px;
  overflow:hidden;
}
#content a .hero-img div h2{
  color:#333;
}
.default #content .media h2 {
  margin-left:10px;
  font-weight:400;
  font-size:20px;
}
#default #content .media a h4, .media .media-body h4.media-heading{
  color:black;
}
.media .media-body h4.media-heading:hover{
  text-decoration:underline;
}
#content .text-big span{
   font-size:125%;
  } 
.paginate{
  text-align:center;
}
.default #content .paginate a{
  padding:3px 10px;
  background:#fff;
  border:1px solid #D5BBB5;
  text-decoration:none;
}
.default #content .paginate a:hover{
  background:#ebebeb;
}
.default #content ul.paginate{
  float:right;
}
.default #content ul.paginate li{
  float:left;
}

#research .span695{
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #FFFFFF;
}
#research .span695:first-of-type {
    border-top: none;
}
#research .span695:last-child {
    border-bottom: none;
}
.default #content .people-classification ul.nav-pills a{
  width:115px;
  font-weight:normal;
  text-align:center;
}
#content .people-classification h2{
  font-size:18px;
}
#people-info{
  clear:both;
  margin:10px 20px 20px 0;
}
#people-info img{
  padding:2px;
  border:1px solid #dedede;
  margin-left:10px;
  margin-bottom:10px;
}
#people-info p{
  margin-bottom:5px;
  margin-left:15px
}
#content #people-info h2{
  margin:15px 0px  5px 15px; 
  font-size:1.5em;
}
#content #people h3{
  clear:both;
  font-size:1.4em;
}

table.table-alt{
  border:0;
}
table.table-alt tr{
  border-bottom:1px dotted #a2a2a2;
}
table.table-alt th{
    font-weight: 600;
    padding: 5px 20px;
    text-align: right;
    width: 30%;
}

hr{
  display:block;
  clear:both;
}
span a.btn{
  position:relative;
  bottom:7px;
}
#content .no-bullets{
  list-style:none;
  margin-left:0px;
  padding-bottom:33px;
}
#content .no-bullets li{
  float:left;
}

h2.divider, h3.divider {
  text-align: center;
  background: url(https://courses.its.utas.edu.au/__data/assets/image/0016/155050/divide-line.png?v=0.1.1) repeat-x;
  line-height: 24px;
  clear:both;
}
h2.divider span, h3.divider span {
  padding: 0 10px;
  background: #F9F9F9;
}
.home .media-heading a{
  color:#3a3a3a;
}

/* Overlay text on images
----------------------------------------------------------------------------------------------------------------*/
.image-ad image{
  background:black;
}
.image-ad span{
    bottom: 80px;
    color: #FFFFFF;
    font-size: 3.5em;
    font-weight: 600;
    left: 30px;
    position: relative;
    height:0;
    float:left;
}
.image-ad span small{
    top: 10px;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: 600;
    position: relative;
    height:0;
    float:left;
}
.image-ad a:hover{
  text-decoration:none;
}

/*Update template file once complete
----------------------------------------------------------------------------------------------------------------*/
.carousel .carousel-indicators li{
  border:1px solid grey;
  background: rgba(217, 217, 217, 0.74);
}
#content h2 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
}
.default #content h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.default #content .accordion h3{
  font-size:13px;
  font-weight:600
}
.default #content h4 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 400;
}
#content .media h3,.media h4{
  margin-bottom:0.5em;
}
#default #content h4 a, #default #content h3 a, #default #content h2 a, .default #content h4 a, .default #content h3 a, .default #content h2 a, #content a h2{
  color:#3a3a3a;
}
.btn.btn-inverse{
   border-top:1px solid #444;
   border-bottom:1px solid #000;
}
.btn-lge{
    margin-bottom: 20px;
    padding: 20px 53px;
}
.btn.btn-primary:hover {
    background-color: #B10000;
    background-image: linear-gradient(to bottom, #CF2E2E, #A43030);
    background-repeat: repeat-x;
}
.btn.btn-inverse:hover {
    background-color: #666666;
    background-image: linear-gradient(to bottom, #525252, #252424);
    background-repeat: repeat-x;
}
p.title-inverse, #main #content h2.title-inverse, #main #content h3.title-inverse, #main #content h4.title-inverse{
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin:0 0 0 3px;
    padding: 10px 0!important;
    background-color: #686868;
    background-image: linear-gradient(to bottom, #757575, #555555);
    background-repeat: repeat-x;
    border: 0 none;
    box-shadow: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    color:#fff;
    text-align:center;
}
p.title, #main #content h2.title, #main #content h3.title, #main #content h4.title {
  moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #3A3A3A;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin:0 0 0 3px;
    padding: 10px 0!important;
}
p.btn.btn-listing:hover, #main #content h2.btn.btn-listing:hover, #main #content h3.btn.btn-listing:hover, #main #content h4.btn.btn-listing:hover{
  cursor:pointer;
}
#main #content h2:not(:first-child), #main #content h3:not(:first-child){
  padding-top:0;
} 
.alert-primary {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid rgba(149, 149, 149, 0.15);
    color:#3a3a3a;
}
.alert-info{
    background-color: #D6E1E8;
    border-color: #BFD1D5;
    color: #337898;
}
.alert-success{
    background-color: #676767;
    border: 1px solid #474747;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    color:#fff;
}
.alert-success a{
  color:#fff;
}
.alert.alert-success a:hover{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #fff;
}
.lead {
    font: 400 16px/1.35 "Open Sans",Arial,Helvetica,sans-serif;
}

/* form styles
----------------------------------------------------------------------------------------------------------------*/
label{
  display:inline;
}
input[type="radio"], input[type="checkbox"]{
  margin-top:0;
}
/*
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
  height:28px;
}*/
input.sq-form-field{
  border:1px solid #A7A7A7;
}
#content form ul{
  list-style:none;
  margin-left:0;
}
.required{
  color:#000;
}

/* Custom form
----------------------------------------------------------------------------------------------------------------*/
#content fieldset {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
    padding: 10px 20px;
}
#content fieldset label{
    float: left;
    padding: 4px 10px;
    text-align: right;
    width: 220px;
    cursor:default;
}
#content fieldset .form-errors li{
  background:#F2DEDE;
  padding:5px;
  border:none;
}
#content fieldset ul {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E6E6E6;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#content fieldset ul li {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #FFFFFF;
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 4px 4px;
    color:#565656;
    vertical-align:text-top;
}
#content fieldset ul li ul {
    float: left;
    margin: 0;
    padding: 0;
    border:none;
}
#content fieldset ul li ul li {
    border-width: 0;
    list-style-type: none;
}
#content fieldset ul li li input, #content fieldset ul li table td input {
    float: left;
    text-align: left;
}
#content fieldset ul li li label, #content fieldset ul li table td label {
    padding: 0 5px;
    text-align: left;
}
#content .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#content .width-auto select{
  width:auto;
}
#content fieldset legend {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 10px;
    width:auto;
}
#content .right{
  float:right;
}
#content .left{
  float:left;
}
#content input.sq-form-field {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A7A7A7;
    padding: 6px 10px;
    margin-top:2px;
}

/* Feature image banner area + Captions
----------------------------------------------------------------------------------------------------------------*/
.image-caption{
  margin: 0 0 10px 0;
  padding: 6px 0;
  border-top: 1px solid #fff;
  font-weight: 600;
}
.default #content .image-caption a{
  text-decoration:none;
}
.default #content .image-caption a:hover{
  text-decoration:underline;
}

/*Grid Layout display for style guide
----------------------------------------------------------------------------------------------------------------*/
#grid-layout-show  [class^="span"]{
  background:#817D7F;
  padding:25px 0;
  text-align:center;
  border-bottom:1px solid #625E5D;
  border-top:1px solid #fff;
  margin-bottom:13px;
}
#grid-layout-show  [class^="span"] h3{
  display:inline;
  color:white;
}
.span130 {
    width: 130px;
    margin-left:0;
}
.span160 {
    width: 160px;
}
.span170 {
    width: 170px;
}
.span257{
  width:257px;
}
.span305{
  width:305px;
}
.span482{
  width:482px;
  margin-left:0;
}
.span520 {
    width: 520px;
}
.visible-code {
   background: none repeat scroll 0 0 #F5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    clear: both;
    display: block;
    font-size: 0.9em;
    padding: 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin-bottom:6px;
    margin-right:10px;
}
a.btn [class^="icon-"]{
    margin-left: 10px;
    font-size:1.5em;
}

/* override master class to remove research tab arrow icons for IE8
----------------------------------------------------------------------------------------------------------------*/
.nav-tabs.no-arrows > li > a:after {
  display:none;
}

/* custom button styles
----------------------------------------------------------------------------------------------------------------*/
.span228.sidebar-btn-r, [class^="span"] .sidebar-btn-r{
  float:right;
}
.span228.sidebar-btn-l, [class^="span"] .sidebar-btn-l{
  float:left;
}
#content .sidebar-btn-r ul, #content .sidebar-btn-l ul{
  list-style:none;
}
#content .sidebar-btn ul{
  list-style:none;
  margin-left:0;
}
#content div[class^="span"] a.btn-listing{
  display:block;
}
.default #content a.btn, .main #content a.btn{
  text-decoration:none;
}

/* styles for UTAS social media icon
----------------------------------------------------------------------------------------------------------------*/
[class^="social-"].social-utas {
  background-position: -111px 0;
}
[class^="social-"].social-utas:hover {
  background-position: -111px -28px;
}
[class^="social-"].social-utas img {
  top: 0;
  left: -111px;
  clip: rect(0, 139px, 28px, 111px);
}
[class^="social-"] img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
}
[class^="social-"]:hover img {
  display: none;
} 

/* General style changes 
----------------------------------------------------------------------------------------------------------------*/
.input-block-level{
  *width:95%;
}
.home .tab-content{
  *overflow:hidden
}
#hero #breadcrumbs li {
  color: #E7E1DB;
}
#footer #footer-copyright{
  padding-top:0;
}
footer{
  border-top:1px solid #aaa;
} 

/* UTAS Home tab - Global Engagement
----------------------------------------------------------------------------------------------------------------*/
.home #tab-1{
  padding:0;
  max-height:233px;
  height:233px
}
.home #global{
  background-color:#eee;
  background-image: url(http://www.utas.edu.au/__data/assets/image/0003/433515/ge-yellow-walk.jpg);
  background-repeat: no-repeat;
  background-position: right bottom; 
  padding-bottom:8px;
}
.home #global h4{
    font-size: 1.8em;
    padding: 0px 5px 0px 2px;
    text-transform: uppercase;
    line-height:100%;
    font-weight: 700;
}
.home #global h4 small{
    font-size: 0.7em;
    font-weight: 700;
    color:black;
}
.home #global ul {
  list-style:none;
  padding-top:5px;
  margin-left:2px;
}
.home #global li{
  background-image: url('https://courses.its.utas.edu.au/__data/assets/image/0006/155049/arrow-btn.png?v=0.1.1');
  background-repeat: no-repeat;
  background:position: left top;
  border-left:1px solid #bababa;
  padding:5px 30px 5px 15px;
  width:140px;
}
.home #global li.last-item{
  padding:5px 30px 6px 15px;
}
.home #global a{
  color:#323232;
}
.home #global a:hover{
  opacity:0.7;
}

/* Extra classes
----------------------------------------------------------------------------------------------------------------*/
.img-shadow{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.img-border{
  border:1px solid #fff;
  margin-bottom:10px;
}
.news-list{
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #DDDDDD;
    margin-left: 3px;
    padding-top: 6px;
    margin-bottom:2px;
}
.content-border{
  border: 2px solid #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin: 10px 0;
  background:#fff;
}
.content-border a{
  color:#3a3a3a;
}
.content-border a:hover{
  text-decoration:none;
}
#research .content-border:hover{
  background:#F9F9F9;
}
#research .content-border p{
  margin:0;
  padding:0;
}
#research .content-border h3{
  margin-bottom:5px;
  line-height:120%;
}

/* home page flex slider text 
----------------------------------------------------------------------------------------------------------------*/
.span4{
  max-height:258px;
}
#banner .item h3 {
  font-size:56px\9; 
  font-size:50px;
  line-height:100%;
  font-weight:600;
}
#banner .item a, #banner .item a h4, #banner .item a h3 {
  color:white;
  text-decoration:none;
}
#banner .item a:hover{
  text-decoration:none!important;
}
#banner .item a:hover h4, #banner .item a:hover h3{
  color:#DEC4C4;
}
#banner .item h3.title-mid {
  font-size:45px;
  font-weight:600;
  line-height:100%;
}
#banner .item h3.title-small {
  font-size:33px;
  font-size:27px\9;
  font-weight:700;
  letter-spacing: -1px;
  line-height:100%;
}
#banner .item h3.title-min {
  font-size:26px;
  font-weight:600;
  letter-spacing: -1px;
  line-height:90%;
}
#banner .item h4.title-min {
  font-size:20px;
  font-weight:600;
  letter-spacing: -1px;
  line-height:90%;
}
#main #content #title #breadcrumbs > .breadcrumb{
  clear:left;
}
#hero .container h1{
  text-transform: none;
}

/* home page and future students promo ad features
----------------------------------------------------------------------------------------------------------------*/
#ad-applications{
  height:291px;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
  padding:0;
  color:#fff;
} 
#ad-applications2{
  height:84px;
  padding:0;
  width:470px;
  border:1px solid #B39497;
  color:#fff;
}
a.ad{
  padding:0;
  margin:0;
  height:0;
}
#ad-applications h3 {
    font-size: 39px;
    color:#000;
    padding:4px 20px 0 15px;
    letter-spacing: -1px;
    line-height:90%;
}
#ad-applications2 h3 {
    font-size: 33px;
    color:#fff;
    padding:8px 20px 0 20px;
    letter-spacing: -1px;
}
#ad-applications2 h3 small{
  font-weight:600;
    padding-bottom: 6px;
    padding-top: 6px;
}
.ad h3 small {
    color:#fff;
}
.ad-text{
  background: none repeat scroll 0 0 #717b8c;
  background-image: linear-gradient(bottom, rgb(102,110,125) 45%, rgb(129,136,150) 73%);
  background-image: -o-linear-gradient(bottom, rgb(102,110,125) 45%, rgb(129,136,150) 73%);
  background-image: -moz-linear-gradient(bottom, rgb(102,110,125) 45%, rgb(129,136,150) 73%);
  background-image: -webkit-linear-gradient(bottom, rgb(102,110,125) 45%, rgb(129,136,150) 73%);
  background-image: -ms-linear-gradient(bottom, rgb(102,110,125) 45%, rgb(129,136,150) 73%);
  position:absolute;
  bottom:0;
  right:0;
  width:60%;
  padding:5px 0;
  min-height:110px;
}
.ad-text:hover{
  background:#5a6270;
}
.image-ad{
  height:90px;
  -moz-opacity: 0.90;
  -webkit-opacity: 0.9;
  opacity: 0.90;
}
.ad-content{
    bottom: 0;
    height: 110px;
    padding: 0;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
}
#ad-applications2 .ad-content{
  width:215px;
  right:0;
  height:100%;
  box-shadow:none;
}
.default #content #ad-applications h3{
  font-size:40px;
  padding-bottom:20px;
}
#ad-applications a, #ad-applications2 a {
    bottom: 6px;
    left: 15px;
    position: absolute;
    width: auto;
}
#ad-applications .pointed-btn, #ad-applications2 .pointed-btn {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: #2c2c2c;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 100%;
    padding: 5px 20px 5px 10px;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}
#ad-applications2 .pointed-btn:hover {
  color:#c40000;
}
#ad-applications .pointed-btn:after, #ad-applications2 .pointed-btn:after {
    border-bottom: 12px solid transparent;
    border-left: 12px solid #FFFFFF;
    border-top: 12px solid transparent;
}
.pointed-btn {
  color:#c40000;
  font-weight:600;
}
.pointed-btn:hover {
  color:#4e4e4e;
  text-decoration:none;
}

#ad-applications a h3 {
    padding:0;
    text-decoration:none;
    color:#fff;
}
#ad-applications a:hover {
    text-decoration:none;
}

/* buttons
----------------------------------------------------------------------------------------------------------------*/

.btn.btn-warning{
  margin-right:3px;
}

/* News and events shortlist changes
----------------------------------------------------------------------------------------------------------------*/
.home .media {
  height:83px;
  margin-bottom:0px;
}
.home .alumni .media {
  height:75px;
}
.home .media-body {
    float: right;
    height: 80px;
    overflow: hidden;
    width:140px;
}
.home #tab-news .media-object {
  display:block;
  float:left;
  width:56px;
}
.home .news .media-body {
    padding-left: 10px;
    width: 143px;
}
.home .alumni .media-body{
  width:300px;
  *width:300px;
}
.home .video .media-body {
    width: 128px;
}
#default .media-body{
    float: right;
    overflow: hidden;
    width: 160px;
}
#default .news .media-body{
    padding-left: 10px;
    width: 130px;
}
#default .news .media-object {
    width: 220px\9;
}
#default .events .media-body {
    *width:153px;
}
.home .media-body h4{
  line-height:125%;
}
.home #tab-news .media-object:hover{
   float:left;
}
#tab-news .media-more{
  *left:68px;
  *position:relative;
}
.media-btn{
    bottom: 7px;
    display: inline;
    float: right;
    height: 0;
    position: relative;
    right: 0;
    width: 20px;
}

#tab-videos a{
  display: block;
  overflow: hidden;
}
#tab-videos a:hover{
  text-decoration: none;
}
#tab-videos a .video-item-image{
  border: 1px solid #E5E5E5;
  float: left;
  margin: 0 10px 0 0;
}
#tab-videos a .video-item-name{
  font-size: 13px;
  font-weight: 600;
  line-height: 125%;
}
#tab-videos a:hover .video-item-image{
  border-color: #c40000;
}
#tab-videos a:hover .video-item-name{
  text-decoration: underline;
}

/* Drop down menu banners
----------------------------------------------------------------------------------------------------------------*/
.banner-2col{
  background: #ba0000; /* Old browsers */
  background: -moz-linear-gradient(45deg, #ba0000 0%, #d80000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ba0000), color-stop(100%,#ec3123)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #ba0000 0%,#ec3123 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #ba0000 0%,#ec3123 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #ba0000 0%,#ec3123 100%); /* IE10+ */
  background: linear-gradient(45deg, #ba0000 0%,#ec3123 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0000', endColorstr='#ec3123',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  text-transform:uppercase;
  height: 46px;
  padding: 10px 10px 10px 20px;
}
.banner-2col:hover{
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
a .banner-2col{
  color:white;
}
.banner-2col .text-lge{
    float: left;
    font-size: 2.3em;
    font-weight: bold;
    padding: 23px 0 0;
    *padding: 13px 0 0;
    text-shadow: 0 1px 0 rgba(125, 125, 125, 0.4);
    *line-height:100%;
}
.banner-2col .text-mid{
    float: left;
    font-size: 1.9em;
    font-size: 1.7em\9;
    font-weight: bold;
    padding: 23px 0 0;
    *padding: 13px 0 0;
    text-shadow: 0 1px 0 rgba(125, 125, 125, 0.4);
    *line-height:100%;
}
.banner-lge .banner-2col{
  height: 60px;
  padding: 8px 10px 8px 20px;
}
.banner-2col .text-sub{
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 23px 0 0;
    *display:none;
}
.banner-lge .banner-2col .text-btn{
  position:relative;
  bottom:14px;
  *margin-top:20px;
}
.banner-2col .text-btn{
    background: url(https://courses.its.utas.edu.au/__data/assets/image/0018/155052/arrow-btn-white.png?v=0.1.1) no-repeat right top;
    float: right;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 90%;
    padding: 5px 35px 8px 10px;
    text-align: left;
}
.banner-2col i{
  font-size:2em;
  float:right;
}
a .banner-2col .text-btn{
  color:#ba0000;
}

/* Flex slider
----------------------------------------------------------------------------------------------------------------*/
#banner .carousel-indicators {
    bottom: 30px;
}

/* Focus and active
----------------------------------------------------------------------------------------------------------------*/
button:focus, a:focus{
  outline: 1px dotted #455b94 !important;
}
#top button:focus, #top a:focus{
  outline: 1px dotted #fff !important;
}

a:active{
  outline: none !important;
}
.tabs a:focus{
  outline: none !important;
}

/* anchor and hover styles
----------------------------------------------------------------------------------------------------------------*/
#default #content li a, #default #content p a, .default #content li a, .default #content p a, .default #content td a, .default #content td a, .default #content th a, .default #content th a{
  text-decoration:underline;
}
#default #content h4 a, #default #content h3 a, .default #content h4 a, .default #content h3 a{
  text-decoration:none;
} 
.default #content h4 a:hover, #default #content h4 a:hover {
  text-decoration:underline;
}
.inside #content .nav-tabs li a, .default #content .nav-tabs li a, #default #content .nav-tabs li a{
  text-decoration:none;
}
#default #content p a.btn, #default #content li a.btn {
  text-decoration:none;
}


/* box shadow effect for content block
----------------------------------------------------------------------------------------------------------------*/ 
.border-shadow{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.border-shadow:hover{
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
}
.box-shadow-effect:hover{
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
  background:white;
}
.box-shadow-effect a p, .span228 a h3{
  color:black;
}
.box-shadow-effect img{
  margin-top:10px;
}
.box-shadow-effect h3{
  display:inline;
}
.box-shadow-effect a p:hover, .box-shadow-effect a h3:hover{
  color:black;
}
.box-shadow-effect a:hover, .box-shadow-effect a:focus{
  text-decoration:none!important;
}
.box-shadow-effect {
    padding: 15px;
    width: 196px;
}


/* position text off screen
----------------------------------------------------------------------------------------------------------------*/
.off-left {
  position: absolute;
  left: -9999px;
}

/* quicklinks title
----------------------------------------------------------------------------------------------------------------*/
/*#main #sidebar #quicklinks .nav-list, #main #sidebar .nav-panel .nav-list,
#main #sidebar #relatedlinks .nav-list {
  border-top:none;
}*/
#main #sidebar #quicklinks h2.nav-header, #main #sidebar .nav-panel h2.nav-header, #main #sidebar .nav-list h2.nav-header,
#main #sidebar #relatedlinks h2.nav-header {
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f0f0f0, #d5d5d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#d5d5d5));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d5d5d5);
  background-image: -o-linear-gradient(top, #f0f0f0, #d5d5d5);
  background-image: linear-gradient(to bottom, #f0f0f0, #d5d5d5);
  background-repeat: repeat-x;
  text-transform: none;
  font-weight: 600;
  font-size: 13px;
  padding: 9px 13px;
  color: #272020;
  margin-bottom: 0;
  text-transform:none;
  text-shadow:none;
  border:1px solid #C9C9C9;
  border-bottom:none;
}

/* One column page layout
----------------------------------------------------------------------------------------------------------------*/
  #one-col #main #sidebar + #content{
   padding-left:0;
  }
  #one-col .span958{
   margin-left:0;
  }
  .span958{
   width:auto;
  }

  @media screen and (min-width: 768px){
    .span958{
      width:958px;
    }
  }
  
  #one-col .nav-hide{
   display:none;
  }

/* media queries
----------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  #nav > ul .submenu .cta{
    display:none;
  }
   .home .media, .home .alumni .media{
    height:auto;
  }
  .home .media-body {
    float: left;
    min-height: 60px;
    left: 70px;
    overflow: hidden;
    position: relative;
    width: auto;
  }
  .home .media-object {
    left: 15px;
    position: absolute;
  }
  .home .news .media-body, .home .alumni .media-body{
    width:570px;
  }
  .home .video .media-body {
    left: 95px;
    width:auto;
  }
  .default .media-object, #default .news .media-body{
    width:auto;
  }
  #default .events .media-body{
    float: left;
    margin-left: 70px;
    padding-bottom: 15px;
    width: auto;
  }
  #default .events .media-object{
    position:absolute;
  }
  #tab-2 .media-body{
    margin-left:30px;
  }
}
@media (max-width: 480px) {
  .home .news .media-body {
    width: 183px;
  }
  .media{
    height:auto;
  }
  .home .media-body{
    float:left;
    height:auto; 
  }
   #default .news .media-body{
    max-width:200px;
  }
  #banner .item .container {
    padding-top: 50px;
  }
  #footer .container #footer-copyright{
    padding-bottom:20px;
  }
  #tab-2 .media-body{
    max-width:200px;
  }
}
/* print styles
----------------------------------------------------------------------------------------------------------------*/
@media print {
  #sidenav, #quicklinks, #relatedlinks, #top, #sitemap, #footer-social, .pagination{
    display:none;
  }
  .accordion .collapse{
    height:100%;
  }
  .tabs-gray, .tab-content .tab-pane{
    display:block;
    border-bottom:1px solid black;
  }
  .span217, .span228, .span251, .span257, .span333, .span428{
    width:100%;
  }
   body, article {
      width: 100%;
      margin: 0;
      padding: 0;
      font: 12pt Georgia, "Times New Roman", Times, serif;
      line-height: 1.3;
   }
   @page {
      margin: 2cm;
   }
   h2, h3 {
      page-break-after: avoid;
   }
   img {
      max-width: 100% !important;
   }
   .gallery.thumbnail img{
      width:140px;
   }
   ul, img, .accordion-group{
      page-break-inside: avoid;
   }
   article a {
      font-weight: bolder;
      text-decoration: none;
   }
   article a[href^=http]:after {
      content:" <" attr(href) "> ";
   }
   article a[href^=https]:after {
      content:"";
   }
   article a[href^="#"]:after {
      content: " <" attr(href) "> ";
   }
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
----------------------------------------------------------------------------------------------------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    background-image: url('https://courses.its.utas.edu.au/__data/assets/image/0018/155061/fancybox_sprite.png?v=0.1.1');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('https://courses.its.utas.edu.au/__data/assets/image/0007/155059/fancybox_loading.gif?v=0.1.1') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('https://courses.its.utas.edu.au/__data/assets/image/0005/155048/blank.gif?v=0.1.1'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0,0,0,.1);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('https://courses.its.utas.edu.au/__data/assets/image/0004/155056/fancybox_sprite@2x.png?v=0.1.1');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('https://courses.its.utas.edu.au/__data/assets/image/0017/155060/fancybox_loading@2x.gif?v=0.1.1');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/* IE fixes
----------------------------------------------------------------------------- */ 

.date{
  *height:55px;
  *width:50px;
}
#nav > ul .submenu {
  *z-index:400;
}


/* Tab Calendar
----------------------------------------------------------------------------- */

#content .tab-calendar ul.pager{
  margin: 0;
}
#content .tab-calendar ul.pager li a{
  text-decoration: none;
}

.tab-calendar #tab-month li a{
  padding: 10px 0;
  text-align: center;
  width: 52px;
}
.tab-calendar #tab-month li a:after{
  content: none;
}

.tab-calendar #tab-month-dropdown ul.dropdown-menu{
  list-style: none;
  margin: 0;
}
.tab-calendar #tab-month-dropdown ul.dropdown-menu li a{
  font-weight: bold;
  padding: 10px 20px;
}

.tab-calendar .tab-content .calendar-event{
  border-bottom: 1px dotted #bbb;
  overflow: hidden;
  padding: 10px;
}
.tab-calendar .tab-content .calendar-event-date{
  float: left;
  padding: 0 20px 0 0;
  width: 35px;
}
.tab-calendar .tab-content .calendar-event-date-month{
  font-size: 14px;
  line-height: 14px;
  padding: 5px 0 0;
  text-align: center;
  text-transform: uppercase;
}
.tab-calendar .tab-content .calendar-event-date-day{
  font-size: 22px;
  line-height: 22px;
  text-align: center;
}
.tab-calendar .tab-content .calendar-event-info{
  overflow: hidden;
}
.tab-calendar .tab-content .calendar-event-info h4{
  margin: 0;
}
#content .tab-calendar .tab-content .calendar-event-info h4 a{
  color: #c40000;
}
#content .tab-calendar .tab-content .calendar-event-info h4 a:hover,
#content .tab-calendar .tab-content .calendar-event-info h4 a:focus{
  color: #3E4C5B;
}

/* ==========================================================================
   Magnific Popup
   ========================================================================== */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }




figcaption {
    border: 1px solid #E5E5E5;
    border-width: 1px 0;
    
    padding: 10px 0;
    margin-bottom: 15px;
    
}

figcaption a:hover {
    text-decoration: none;
}

figcaption [class^="icon-"], 
figcaption [class*=" icon-"] {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}


/* News listing styles ----------- */


.default #content .news .media .media-heading {
    /* Overriding of other page styles */
    margin-left: 0;
}

.news .thumbnail {
    float: left;
}

.news .media-body {
    padding-left: 20px;
} 

.news .media-body .lead {
    font-size: 13px;
    line-height: 1.3;
}

.news .media a:hover {
    text-decoration: none;
}

.news .media .media-heading {
    color: #000;
}

.news .media .media-heading:hover {
    text-decoration: underline;
}

.news-multi-column .media {
    float: left;
    clear: none;

    width: 348px;

    margin-left: 15px;
    padding-top: 15px;
    border-top: 1px solid #E5E5E5;
}

#default .news-multi-column .media-body {
    /* Overriding of landing page styles */
    width: 256px;    /* 348px (column) - 15px (margin) - 77px (image) = 256px */
}

.news-multi-column .row:first-child .media {
    border-top: 0;
}

.news-multi-column .media h4.media-heading {
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 5px;
}

.news-multi-column .media p {
    font-size: 12px;    
}





/* Article sidebar boxes ----------- */

.related-content-box {
    width: 175px;
    padding: 9px;
    margin-bottom: 19px;
    
    border: 1px solid #fff;
    background-color: #eee;

    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;

    font-size: 12px;
}

#content .related-content-box ul {
    margin-left: 12px;
}

#content .related-content-box  li {
    margin-bottom: 7px;
}

.related-content-box h4 [class^="icon-"], 
.related-content-box h4 [class*=" icon-"] {
    display: inline-block;
    margin-top: 2px;
}

.info-box,
.author-box {
    float: right;
    margin-left: 30px;
}

.example-box {
    float: left;
    margin-right: 30px;
}

.wide-box {
    width: auto;
    padding: 19px;
    margin: 30px 0;
    float: none;

    font-size: 13px;
}


/* Author bio box  */


.author-box {
    padding: 9px;
}

.author-box .author-image {
    margin-bottom: 15px;
}

.author-box .author-image img {
    width: 100%;
    height: auto;
}

/* Related content */

.facts-box {
    background-color: #fff;
}


/* Image-based article ----------- */

.content-border .content,
.content-border .content-image {
    margin-left: 0;
}

.content-border .content-image div.thumbnail {
    display: inline-block;
    padding: 0;
}



/*== CUH Additions ==*/

#sidebar {
    float: right;
}

#sidebar .btn {
    display: block;
    margin-bottom: 10px;
}

.apply-now {
    font-size: 1.5em;
    line-height: 1.5;
}

#sidebar .btn.btn-arrow.enquire {
    margin-bottom: 3em;
}

.course-search {
    margin-bottom: 2.5em;
}

.course-search .subdued {
font-weight: 400;
color: #9d9d9d;
}

.course-search-form {

}

.course-search-form header .icon {
margin-right: 5px;
font-size: 24px;
}

.course-search-form h3 {
font-size: 1.25em;
margin-bottom: 0.25em;
}

.course-search-type p,
.course-search label,
.course-search input,
.course-search button {
    font-size: 1.7em;
}

.course-search .nav-pills {
margin: 0.35em 0 0 0;
height: auto;
overflow: visible;
}

.course-search .nav-pills li {
display: inline-block;
/* padding: 0.2em 1em 0.25em 1em; */

margin: 0;
padding: 0;
font-size: 1.2em;
}


.course-search .nav-pills a {
position: relative;
padding-left: 1.5em;
padding-right: 1em;
background-color: transparent;
/*
border: 1px solid #eee;
border-radius: 5px;
*/

box-shadow: none;
-webkit-box-shadow: none;

font-weight: normal;
}

.course-search .nav-pills a:before,
.course-search .nav-pills a:after {
position: absolute;
top: 50%;
left: 0;

display: block;
width: 1em;
margin-top: -0.5em;
font-family: fontawesome;
font-size: 0.9em;

color: #ccc;
}

.course-search .nav-pills a:before {

content: "\f10c";
}

.course-search .nav-pills a:hover,
.course-search .nav-pills .active a {
background-color: transparent;
color: #000;
font-weight: 600;
}

/*
.course-search .nav-pills .active a {
border: 1px solid #aaa;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}
*/

.course-search .nav-pills .active a:before {
color: #ddd;
}

.course-search .nav-pills .active a:after {

/*
content: "\f111";
margin-top: -1.05em;
left: 0.45em;
font-size: 0.45em;
*/


content: "\f00c";
margin-left: 0.2em;


color: #000;
}

/*

.course-search .nav-pills a:hover:after,
.course-search .nav-pills .active a:after {
left: 0.5em;

font-family: fontawesome;
font-size: 1.2em;
margin-top: -0.5em;
content:"\f00c";
color: #fff;
}

.course-search .nav-pills a:hover:after {
color: #e36c62;
}
*/

.course-search label {
    margin-right: 1em;
}

.course-search .icon-search {
    margin-right: 10px;
    color: #C40000;
}

.course-search input {
    height: 45px;
}

.course-search button {
    height: 45px;
}

/* A-Z course listing */

.nav-pills .inactive span,
.nav-pills .temp-inactive a {
    display: block;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
    font-weight: 600;
    border: 1px solid #eee;
    border-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 9px 19px 10px 19px;
    line-height: 15px;
    color: #272020;
    -webkit-transition: color 0.1s ease, background-color 0.1s ease;
    -moz-transition: color 0.1s ease, background-color 0.1s ease;
    -o-transition: color 0.1s ease, background-color 0.1s ease;
    transition: color 0.1s ease, background-color 0.1s ease;
    margin: 0;
    
    background-color: transparent;
    color: #999;
    
    cursor: default;
}


.nav-pills .inactive span:hover,
.nav-pills .temp-inactive a:hover {
    background-color: transparent;
    color: #999;
}

.course-nav-a-z a, 
.course-nav-a-z span {
    width: 0.65em;
    text-align: center;
}

#content .course-list .filtermatch {
    font-weight: bold;
}

#content .course-list ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .course-list li {
    border-bottom: 1px solid #eee;
}


#content .course-list li:last-child {
    border-bottom: 0;
}

#content .course-list li a {
    clear: left;
    display: block;
    text-decoration: none;
    padding: 0.5em 0;

    color: #000;
}

#content .course-list li a:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#content .course-list li a:hover {
    color: #C40000;
}

#content .course-list .content-border {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
}

#content .course-list h3 {
    font-weight: bold;
}

.course-list .course-title {
    font-size: 1.2em;
}

.course-list .course-info {
}

.course-list .course-info .icon-map-marker,
.course-list .course-info .icon-time  {
    margin-right: 0.2em;
}

.course-list .course-duration,
.course-list .course-intake {
    display: inline-block;
    margin-right: 0.5em;
    color: #999;
}


.course-list .course-duration {
    min-width: 5em;
}

.course-list a:hover .course-duration,
.course-list a:hover .course-intake {
    color: #000;
}

.course-list .form .help-block {
    font-weight: 600;
    color: inherit;
}


@media screen and (min-width: 768px){

  .course-search-type,
  .course-search-keywords {
  float: left;
  }

  .course-search-type {
  width: 22%;
  margin-left: 1.5%;
  }

  .course-search-keywords {
  width: 75%;
  }

  .course-search-type p {
  float: left;
  margin-right: 0.25em;
  }

  .course-search-type .nav-pills {
  float: left;
  }

  #course-search-keywords {
  width: 480px;
  }

}

.box-shadow-effect {
    padding: 14px;
    position: relative;
    /*min-height: 290px;*/
    margin-bottom: 20px;
}

.box-shadow-effect .btn {
    display: block;
    margin-bottom: 4px;
}

.box-shadow-effect {

}

.study-areas .row {
}

.study-areas .study-area {
width: auto;
padding: 0;
margin-bottom: 0;
}

.study-areas .study-area:nth-child(odd) {
clear: left;
}

.study-areas .study-area h3 {
display: block;
margin-bottom: 0.5em;
text-align: center;

font-size: 14px;
}

.study-areas .study-area h3 br {
display: none;
}

.study-areas .study-area a {
display: block;
padding: 7px;
padding-bottom: 12px;

}

.study-areas .study-area img {
display: block;
margin: auto;
}


@media screen and (min-width: 768px){

.study-areas .row{
display: block;
clear: left;

margin-left: 0;
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #eee;
}

.study-areas .study-area {
display: inline;
float: left;
width: 182px;
margin: 0 5px;
padding: 0;
}

.study-areas .study-area:first-child {
margin-left: 0;
}

.study-areas .study-area:nth-child(odd) {
clear: none;
}

.study-areas .study-area:nth-child(5n1) {
clear: left;
}


.study-areas .study-area h3 {
text-align: left;
font-size: 18px;
}

.study-areas .study-area h3 br {
display: block;
}

}


.study-areas header.row {
padding: 0;
margin: 0;
border-top: 0;
}

.study-areas header h2 {
margin-bottom: 0;
}

.study-areas header .icon {
margin-left: 10px;
margin-right: 7px;
}

.study-area h3 {
color: black;
line-height: 1.2;
}

.study-title-long h3 {
font-size: 17px;
}

@media screen and (min-width: 768px){
.box-shadow-effect .studyarea-buttons {
    position: absolute;
    bottom: 5px;
    width: 196px;
}
}

#default #content ul.nav-pills a, .default #content ul.nav-pills a{
  text-decoration:none;
}
#search-result-count {
    font-size: 1.4em;
    padding: 0 0 15px 0;
}
h3#search-spelling {
    font-weight: normal;
}
h3#search-spelling em {
    font-weight: bold;
    font-style: normal;
}
.nav-sub-header {
    font-weight: bold;
    padding: 10px 0 5px 0;
}

/*.course-search .controls {
    margin-top: 7px;
}*/

.course-info .nav-tabs > li > a {
    padding-right: 26px;
}

#main #content .course-info h2:not(:first-child), #main #content .course-info h3:not(:first-child) {
    padding-top: 16px;
}

.course-testimonial img {
    float: left;
    margin-bottom: 16px;
    border: 5px solid white;
}
.course-testimonial blockquote {
    margin-left: 296px;
    font-size: 1.2em;
    border-left: none;
    padding: 0 25px;
    font-weight: 600;
    margin-top: 40px;
}
.course-testimonial span {
    display: block;
    margin-left: 296px;
    padding: 0 25px;
}

.studyarea-buttons {
    visibility: hidden;
}

section:hover .studyarea-buttons {
    visibility: visible;
}


/* --- REMOVED THIS:

#default #content ul.nav-pills a, .default #content ul.nav-pills a{
  text-decoration:none;
  color:white;
  font-weight:bold;
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
  border: 1px solid #a70a0a;
background: #c13c3c; /* Old browsers 
background: -moz-linear-gradient(top, #c13c3c 0%, #c40000 100%); /* FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c13c3c), color-stop(100%,#c40000)); /* Chrome,Safari4+ 
background: -webkit-linear-gradient(top, #c13c3c 0%,#c40000 100%); /* Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top, #c13c3c 0%,#c40000 100%); /* Opera 11.10+ 
background: -ms-linear-gradient(top, #c13c3c 0%,#c40000 100%); /* IE10+ 
background: linear-gradient(to bottom, #c13c3c 0%,#c40000 100%); /* W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13c3c', endColorstr='#c40000',GradientType=0 ); /* IE6-9 
}
#default #content ul.nav-pills a:hover, .default #content ul.nav-pills a:hover{
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
ul.nav-pills i{
    border-left: 1px solid #D06E6E;
    margin: 0;
    padding: 3px 0px 2px 10px;
}
ul.nav-pills li span{
    border-right: 1px solid #AE0F0F;
    padding: 0 65px 0 0;
}
.nav-pills > li {
    margin-bottom: 8px;
}
.nav-pills > li > a{
  padding:10px;
}

*/


.code {
    color: #636363;
}
.code:before {
    content: '(';
}
.code:after {
    content: ')';
}
h1 .code {
    color: #858585;
}
h1 .code:before {
    content: '';
}
h1 .code:after {
    content: '';
}

.campuslist {
    color: #5b5b5b;
}
.campuslist i {
    margin-right: 0.5em;
    color: #969696;
}

.course-testimonial blockquote p {
    display: inline;
    font-weight: inherit;
}

.readmore-js-toggle {
    margin: 1em 0;
    width: auto !important;
    display: inline-block !important;
}

a.btn.readmore-js-toggle i {
    font-size: inherit;
}

#main>.container>form {
    padding-left: 16px;
}

.guides a {
    line-height: 1.5;
}

.guides span {
    display: block;
    margin-top: 3px;
    font-weight: bold;
}

.guides img {
    float: left;
    margin-right: 5px;
}

.nav-pills > li.location-selector {
    float: right;
}

.nav-pills > li.location-selector a:hover {
    background: #e5e6e8;
    color: inherit;
}

.location-selector .icon-map-marker {
    margin-right: 5px;
    color: #969696;
}

.location-selector .icon-chevron-down {
    margin-left: 5px;
    color: #c40000;
}

#course-search-keywords {
    line-height: 26px;
    margin-bottom: 0;
}

.home-quicklinks .row {
    padding-top: 1em;
}

.home-quicklinks section>a {
    display: block;
}

.carousel-caption .btn {
    float: right;
    margin: 15px 0 15px 30px;
}


.warning {
    background: whitesmoke;
    color: red;
    text-align: center;
    padding: 30px;
}
.warning:before {
    display: block;
    content: "\f071";
    font-family: fontawesome;
    font-size: 50px;
}
.warning.truck:before {
    content: "\f0d1";
}
.warning.lightbulb:before {
    content: "\f0eb";
}
.warning.lemon:before {
    content: "\f094";
}

/** Key Dates Table **/
table.table-key-dates tr > td.period-row {
    padding-left: 25px;
}


/*
 * funnelback query completion / jquery UI styles - Squiz TNT
 * May, 2014
 */

.ui-helper-hidden-accessible,
.ui-help-hidden { display: none; }

.ui-menu { background-color: white; }

.ui-menu { width: 200px; border: solid 1px #e6e6e6;}
.ui-menu, .ui-menu li {
  list-style-type: none;
  font-size: 1.2em;
  border-bottom: 1px solid #e6e6e6;
}
.ui-menu-item a, li.ui-autocomplete-category { 
  display: block; 
  padding: 4px 10px; 
  cursor: pointer;
}
li.ui-autocomplete-category { background-color: #e6e6e6; font-weight: bold;}

.ui-state-focus {
  background-color: #efefef;
}

#content .pagination {
  margin-left: 0;
}

.pagination li {
  display: inline-block;
  list-style-type: none;
}

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



/* Course Structures */
#content .packagestructure {
    margin: 0 0 2em 0;
    list-style: none;
}
.unit, .additional {
    display: block;
    position: relative;
    border-bottom: 1px dotted #eee;
}
.unitcode {
    font-weight: bold;
    display: inline-block;
    width: 80px;
}
.detailslink {
    display: inline-block;
    position: absolute;
    right: 0;
    text-decoration: none;
}
.unitdetail, .textdetail {
    font-size: 0.9em;
    padding: 1em;
    display: none;
}
.unitdetail .title, .unitdetail .availability-table-heading {
    font-weight: bold;
    padding: 4px;
    font-size: 1.2em;
}
.unitdetail .table th, .unitdetail .table td {
    padding: 4px;
}
.default #content .detailslink {
    text-decoration: none;
}
.note {
    list-style: none;
}
.packagestructure .note {
    font-size: 0.95em;
    color: #777;
    font-style: italic;
}
.packagestructure .heading {
    display: block;
    margin-top: 8px;
    font-size: 0.95em;
    color: #777;
}
.additional i {
    display: inline-block;
    width: 80px;
}


@font-face {
    font-family: 'cuh';
    /*src:url('https://www.utas.edu.au/courses/config/design/css/custom.css/cuh.eot?-kq8fhs');
    src:url('https://www.utas.edu.au/courses/config/design/css/custom.css/cuh.eot?#iefix-kq8fhs') format('embedded-opentype'),
        url('https://www.utas.edu.au/courses/config/design/css/custom.css/cuh.woff?-kq8fhs') format('woff'),
        url('https://www.utas.edu.au/courses/config/design/css/custom.css/cuh.ttf?-kq8fhs') format('truetype'),
        url('https://www.utas.edu.au/courses/config/design/css/custom.css/cuh.svg?-kq8fhs#cuh') format('svg');*/
    src:url('/courses/?a=188920&-kq8fhs&bypass_redirects=true');
    src:url('/courses/?a=188920&bypass_redirects=true&#iefix-kq8fhs') format('embedded-opentype'),
        url('/courses/?a=188921&-kq8fhs&bypass_redirects=true') format('woff'),
        url('/courses/?a=188918&-kq8fhs&bypass_redirects=true') format('truetype'),
        url('/courses/?a=188919&-kq8fhs&bypass_redirects=true#cuh') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="cuh-"], [class*=" cuh-"] {
    font-family: 'cuh';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cuh-University:before {
    content: "\e604";
}
.cuh-Earth:before {
    content: "\e603";
}
.cuh-Laptop:before {
    content: "\e602";
}
.cuh-Australia:before {
    content: "\e600";
}
.cuh-History:before {
    content: "\f1da";
}


.table-availabilities i {
    font-size: 1.6em;
}
.table-availabilities .icon-Australia {
    font-size: 1.3em;
}
.table-availabilities td.icon {
    width: 25px;
    text-align: right;
}
.table-availabilities td.icon.last {
    width: auto;
    text-align: left;
}

.unitdetail .table-striped td, .table-availabilities td {
    border: none;
}
.unitdetail .table-striped th, .table-availabilities th {
    border-width: 0 0 1px 0;
}
.unitdetail .table-striped, .table-availabilities {
    border-width: 1px 0 1px 0;
}


/*.alert-info {
    background-color: #f9f9f9;
    border-color: #ddd;
    color: #888;
}*/

/* === Funnelback CSS - TNT Squiz === */
/* 
   1.0 Responsive Layout CSS
   2.0 Global Formatting
   3.0 Search Results Formatting
*/

/* 1.0 Responsive Layout CSS */
@media screen and (min-width: 768px){
body.search #fb-aside-import {
    padding-top: 67px;
}
}

/* 2.0 Global Formatting */

/* Unhide for : https://jira.its.utas.edu.au/browse/OMCCUH-198
body.search #title {
    display: none;
}
*/

/* 3.0 Search Results Formatting */
body.search .search-results p.tag {
    color: #636363;
}
body.search .fb-course-introduction {
    color: #000;
}
.search-results .title, .search-results .availability-table-heading {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
}
    .search-results .title:hover, .search-results .availability-table-heading:hover {
        color: #d71d0d;
    }
.search-results a {
    color: inherit;
    text-decoration: none;
    /* display: block; - causing issues with search results formatting : https://jira.its.utas.edu.au/browse/OMCCUH-204 */
}
#quicklinks ul.nav-list ul.fb-facet-ul li {
    border: none;
    line-height: normal;
}
ul.nav-list ul.fb-facet-ul a {
    display: inline;
    padding: 0 0 0 0;
    color: #D71D0D;
}
ul.nav-list ul.fb-facet-ul a:hover {
    color: #8F1309;
}
ul.nav-list ul.fb-facet-ul a:before {
    display: none;
}
ul.nav-list .fb-facet-header {
font-size: 1em; 
padding: 0.6em 0; 
margin: 0;
text-transform: uppercase;
}
ul.nav-list .fb-facet-header a {
    color: #D71D0D;
}
ul.nav-list .fb-facet-header a:hover {
    color: #8F1309;
}
ul.nav-list div.facet {
padding: 0 0 0.7em 0;
border-bottom: 1px solid #000;
}

/* Hide Apply button on phased-out and discontinued courses */
#sidebar .btn.apply-now-Phasing-Out, #sidebar .btn.apply-now-Discontinued {
    display: none;
}

/* Popover component for Enquire and Apply Now buttons */
.popover {
    z-index: 50;
}

a.videoBox {
position: relative;
display: block;
color: #fff;
}

a.videoBox:hover {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
color: #A71C20;
}

a.videoBox:before {
content: "\f04b";
font-family: FontAwesome;
display: block;
position: absolute;
font-size: 27px;
padding: 8px 14px 8px 18px;
left: 50%;
top: 50%;
z-index: 10;
margin: -26px 0 0 -30px;
border: 3px solid;
border-radius: 50%;
font-weight: 900;
line-height: 1.4em;
}

.accordion .accordion-group .accordion-heading a {
  margin: 0;
}

/* Remove dividers between the course and unit facets - Squiz TNT 
ul.nav-list div.facet:nth-child(2),
ul.nav-list div.facet:nth-child(4) {
border-bottom: none;
}

*/
/* Additional classes for layout 
-------------------------------------------------------------------------------------- */
.no-margin{margin:0 !important;}
.float-r{float:right;}


.tab-content .tab-pane > :last-child {
    margin-bottom: 15px;
}

/* .tab-content .tab-pane>:last-child {
    margin-bottom: 0;
}*/

.search #sidebar {
    float: left;
}


#sidebar h3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin: 0 0 0.1em 0;
    padding: 0;
    font-size: 14px;
}
#sidebar div.bars {
    border: 2px solid black;
    border-width: 2px 0;
    margin-bottom: 3em;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}
.bars img {
    display: block;
}
.profile img {
    float: left;
    width: 31%;
    margin-right: 4%;
}
.profile p {
line-height: 1.25;
margin-bottom: 0.5em;
}

.profile em,
.profile i {
opacity: 0.8;
}

.profile .img-polaroid {
padding: 2px;
}
.profile .id {
    float: left;
    width: 60%;
    margin-bottom: 1em;
}
.profile blockquote {
    clear: both;
    border-left: none;
    padding-left: 0;
    margin: 1em 0;
}
.profile blockquote:before {
    content: "\201c";
    font-size: 2.2em;
    float: left;
    height: 0.5em;
    margin-top: -6px;
    margin-right: 3px;
}
.gallery {
    margin-bottom: 2em;
}
.gallery .videoBox {
    margin-bottom: 1em;
}

.profile .btn {
margin-bottom: 1em;
font-size: 11px;
}

.float-l {
    float: left;
}
.search-status label {
    font-size: 1em;
}

body#big-hero #hero {
  height: 313px;
}
#big-hero #main {
  padding-top: 0;
  margin-top: -85px;
}
#big-hero #hero:after {
  bottom: auto;
  top: 120px; 
}

#big-hero .course-search-form header {
position: relative;
background: none repeat scroll 0% 0% #FFF;
display: inline-block;
padding: 10px 35px 0px 30px;
z-index: 10;
height: 34px;

}

/*#big-hero .course-search-form header {
  position: relative;
  color: white;
}
#big-hero .course-search-form header h2 {
  text-shadow: 0px 0px 10px black;
}
#big-hero .course-search-form .icon-search {
  color: white;
  opacity: 0.75;
}*/

.buttons .span4 {
  float: none !important;
  display: inline-block !important;
}

.block-icon > [class*="cuh-"] {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 47px;
    text-align: center;
    font-size: 32px;
    color: #D71D0D;
}

.search #main > .container > form {
    padding-left: 0;
}


/*@media screen and (min-width: 768px){*/

    
    
        .study-areas-list {
            clear: both;
        
            margin-top: 1em;
            
            border-top: 1px solid #e5e5e5;
            
            padding-top: 1em;
        }
    

    
        .study-areas-alt .study-area a {    
            padding: 7px !important;
        }
        
        .study-areas-alt .study-area h3 {
            float: right;
            width: 71%;
            font-size: 1.2em;
            margin-top: 1em;
            margin-bottom: 0;

            line-height: 1.2;
        }
        
        .study-areas-alt .study-area-desc h3 {
            margin-top: 0;
        }
        
        .study-areas-alt .study-area-tall h3 {
            margin-top: 0.45em;
        }
        
        .study-areas-alt .study-area small {
            display: block;
            margin: 0.25em 0;
            font-size: 12px;
            line-height: 1.2;
        }
        
        .study-areas-alt .study-area img {
            float: left;
            width: 25%;
            margin-right: 3%;
        }

    
    
/*}*/

.study-areas-alt .study-area {
padding: 0px;
margin-bottom: 0px;
float: left;
height: 66px;
width: 32%;
}

.study-areas-alt .study-area a:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.study-areas-alt .study-area h3 {
     text-align: left;
}

.study-areas-alt .study-area:nth-child(odd) {
clear: none;
}

.study-areas-alt .study-area, .study-areas-alt .study-area:first-child {
    margin: 0 5px;
}

.study-areas-alt .study-area.long-name h3 {
    margin-top: 0.5em;
}

.course-search-type, .course-search-keywords {
    float: left;
}

.course-search-type {
    width: 22%;
}
.course-search-keywords {
    width: 75%;
}

.fivebuttons>div {
  width: 20%;
  padding: 0px;
  margin: 0px;
  float: left;
}


@media screen and (max-width: 768px){

  .study-areas-alt .study-area {
    float: none;
  }
  #big-hero #main {
    margin-top: 0;
  }
  #big-hero .course-search-form header {
    background: transparent;
    padding: 0;
  }
  .course-search-type {
    min-width: 90px;
  }
  .study-areas-alt .study-area {
    width: 305px;
  }
  .bannerad {
    display: none;
  }

  .fivebuttons>div {
    float: none;
    width: auto;
  }

}

/* Course & Unit pages ------------------ */


h1 .code {
    margin-left: 0.25em;
}

#main #content .course-info h2:not(:first-child),
#main #content .course-info h3:not(:first-child),
#main #content .unit-info h2:not(:first-child),
#main #content .unit-info h3:not(:first-child) {
    /* override, todo: clean up */
    padding-top: 0.75em;
}

.course-info .table th:first-child,
.unit-info .table th:first-child{
    width: 11em;
}

/* Course page ------------------ */


.course-info .nav-tabs > li > a {

    text-align: center;
    min-width: 4em;

    /* override, todo: clean up */
    padding-right: 15px;
}

.course-info .nav-tabs > li > a:hover {
    background-color: #eee;
}


/* Unit page ------------------ */


.unit-info .table-availabilities {
    border:1px solid #dddddd;
}

table.table-key-dates tr > td.period-row {
    /* override, todo: clean up */
    padding-left: 8px;
}

.table-availabilities td.icon {
    /* override, todo: clean up */
    text-align: left;
}

.table-availability-semester {
    width: 12em;
}

.key-definitions {
    margin-top: -0.5em;
    color: #666;
    font-size: 0.85em;
    
    text-align: right;
}

.key-definitions h4 {
    display: inline-block;
    font-size: 1em !important;
    font-weight: 600 !important;
    margin-right: 0.5em;
    margin-bottom: 0;
}

.key-definitions h4:after {
    content: ":";
}

.key-definitions dl {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.key-definitions dt,
.key-definitions dd {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.key-definitions dt {
    margin-right: 0.1em;
}

.key-definitions dd {
    margin-right: 1em;
}

.packagestructure .unit {
    cursor: pointer;
}
.packagestructure .unit .unitdetail {
    cursor: auto;
}

.course-details-year p {
    font-size: 12px;
    margin: 10px 0px 0px;
    padding: 0px;
}
.course-details-year p strong {
    display: block;
}

.default #content .accordion h2 > a,
.default #content .accordion h3 > a,
.default #content .accordion h4 > a,
.default #content .accordion h5 > a,
.default #content .accordion h6 > a {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.75em;
}

@media print {
  .packagestructure .unit header a[href]:after, header.accordion-heading a[href]:after, .tabs .nav-tabs {
    display:none;
  }
}

#advanced-search {
    clear: both;
}
#advanced-search label, #advanced-search input, #advanced-search button {
    font-size: 1em;
}
#advanced-search label {
    width: 27%;
    display: inline-block;
}
#advanced-search input {
    height: 27px;
}
#advanced-search input[type=text]{
    width: 60%;
}
#advanced-search select {
    height: 29px;
    width: 60%;
}
#advanced-search p {
    margin-bottom: 5px;
}

@media screen and (min-width: 768px){
  fieldset.twocol>div{
    width: 50%;
    float: left;
  }
}


@media screen and (max-width: 767px){
  #course-search-keywords {
    width: 75%;
    display: inline-block;
  }
  .course-search .controls button {
    width: 22%;
    display: inline-block;
  }
  .box.course-search {
    margin-right: 0;
    padding-right: 0;
  }
  #num_ranks {
    width: 40%;
  }
  #unit-search-reset {
    float: none;
    display: block;
    clear: none;
    padding-top: 27px;
  }
}

#unit-search-reset {
    float: right;
    display: block;
    clear: right;
    padding-top: 8px;
}


#unit-search-reset {
    float: right;
    display: block;
    clear: right;
    padding-top: 8px;
}

.unit-search label {
    vertical-align: middle;
    display: inline-block;
    min-width: 23%;
    text-align: right;
    font-size: 1.3em;
    margin-right: 20px;
}

.unit-search input[type=text], .unit-search select {
    height: 36px;
    width: 70%;
    line-height: 36px;
    font-size: 1.3em;
}

.unit-search select {
    height: 36px;
    width: 70%;
    line-height: 36px;
}

.unit-search input[type=checkbox] {
    height: 31px;
    margin-left: 21%;
    margin-right: 20px;
}

.unit-search .note {
    text-align:left;
    font-weight:bold;
    font-style:italic;
    font-size:1.3em;
    margin:-2px 0 6px 20%;
    width: 75%;
}

.handbook-meta {
    font-size: 0.9em;
}

.handbook-meta .unit-search input[type=text], .handbook-meta .unit-search select {
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    padding: 1px 3px !important;
}

.handbook-meta button[type=submit] {
   margin-top: 0 !important;
}


@media screen and (max-width: 767px){
  #course-search-keywords {
    width: 75%;
    display: inline-block;
  }
  .course-search .controls button {
    width: 22%;
    display: inline-block;
  }
  .box.course-search {
    margin-right: 0;
    padding-right: 0;
  }
  #num_ranks {
    width: 40%;
  }
  #unit-search-reset {
    float: none;
    display: block;
    clear: none;
    padding-top: 27px;
  }
  .unit-search input[type=text], .unit-search select {
    line-height: 26px;
    height: 26px;
    font-size: 1em;
    width: 65%;
  }
  .unit-search label {
    font-size: 1em;
    min-width: 28%;
    margin-right: 5px;
  }
  .unit-search input[type=checkbox] {
    margin-left: 0;
    margin-right: 5px;
  }
  .unit-search input[type=checkbox] + label {
    display: inline;
  }
  .unit-search button[type=submit] {
    margin-right: 10px;
  }
  label[for=unit-search-keywords] {
    display: block;
    text-align: center;
  }
  #unit-search-keywords {
    width: 97%;
    margin-bottom: 0;
  }
  #main>.container>form {
    padding-left: 0;
    text-align: center;
  }
  label[for=course-search-keywords] {
    display: block;
  }
  #course-search-keywords {
    width: 60%;
  }
  .course-search button[type=submit] {
    width: 25%;
  }
}



.course-search .controls {
    text-align: center;
}

.course-search .controls label {
    vertical-align: middle;
}

.course-search .note {
    padding-left: 22px;
    margin: 0 auto;
    padding-top: 10px;
    color: #747474;
    font-size: 0.95em;
    width: 410px;
}

.course-search .note a {
    font-weight: bold;
}

.course-browse-links {
    text-align: right;
    margin-top: 11px;
}

.course-browse-links a:first-child {
    margin-right: 15px;
}

.study-areas header h2 {
    float: left;
}

#main>.container>#course-unit-search {
    padding-left: 0;
}

body#big-hero #hero {
    height: 275px;
}

#big-hero #main {
    margin-top: -53px;
}

.unit-search .controls {
    text-align: left;
}

@media screen and (max-width: 767px) {

    .course-search .note {
        padding-left: 0;
    }

    .study-areas header h2 {
        float: none;
    }

    .course-browse-links {
        text-align: left;
    }

}



.table-availabilities td.icon>i {display: none;}
.table-availabilities td.icon>i:first-child {display: inline;}

/* SDG Unit Icons */
#sdg-container {
    margin-bottom: 10px;
}

#sdg-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    list-style-image: none !important;
    margin: 0 !important;
    row-gap: 20px;
}

#sdg-list .sdg-list-item {
  flex-grow: 1;
  padding: 0;
}

#sdg-list .sdg-list-icon {
  max-height: 100%;
  max-width: 150px;
  object-fit: cover;
  vertical-align: bottom;
}