/* == START ==================== */

html,
body {
  min-width: 280px;
}

html,
body,
div,
span,
img {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2em;
}

div,
input,
a,
ul,
textarea,
blockquote,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', Verdana, Geneva, sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}


/* == GRID ========================= */

.container,
.full_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  width: 100%;
  clear: both;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin: 0 1%;
  position: relative;
}

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}


/* == CLEAR ========================= */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container:after {
  clear: both;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}


/* == POSITIONS ============================= */

.left {
  float: left;
}

.right {
  float: right;
}

.hidden {
  display: none;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-white,
.text-white a:link,
.text-white a:active,
.text-white a:hover,
.text-white a:visited {
  color: #fff;
}


/* == TEXT ========================== */

.case-up {}

.case-low {
  text-transform: lowercase;
}

.case-caps {
  text-transform: capitalize;
}

.case-small {
  font-variant: small-caps;
}

#main-content li {
  margin-bottom: 0.5em;
  line-height: 1.25em;
  font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

p {
  line-height: 1.5em;
  margin: 0.5em 0;
  font-size: 0.875rem;
}

p + p {
  margin: 1em 0 0.5em;
}

small {
  font-size: 0.875em;
}

img.left {
  margin-right: 1em;
}

img.right {
  margin-left: 1em;
}

.full_container {
  float: left;
}

.navbar-large.smaller {
  border-color: #fff;
  box-shadow: 0 4px 0 #0c2340;
}


/* anchors need to compensate for fixed header */

#content a:target,
#content a[name] {
  display: inline-block;
  margin-top: -130px;
  padding-top: 130px;
  position: relative;
  pointer-events: none;
}

// .blue {
//   background-color: #0047bb;
//   border-color: #0047bb;
//   color: #fff;
// }
// .red {
//   background-color: #c00;
//   border-color: #c00;
//   color: #fff;
// }
// .dark-blue {
//   background-color: #0c2340;
//   border-color: #0c2340;
//   color: #fff;
// }
[class*='-underline'],
[class*='-heading'] {
  border-bottom: 1px solid;
  padding-bottom: 5px;
}

#main-content h1,
#main-content h2 {
  color: #0c2340;
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B", "Times New Roman", Times, serif;
  font-weight: 400;
}

#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
  color: #0c2340;
  font-family: 'Montserrat', Verdana, Geneva, sans-serif;
  font-weight: 500;
}

#main-content h4,
#main-content h5,
#main-content h6 {
  text-transform: uppercase;
}

#main-content h1 {
  font-size: 34px;
  line-height: 34px;
}

#main-content h2 {
  font-size: 30px;
  line-height: 30px;
}

#main-content h3 {
  font-size: 20px;
  line-height: 20px;
}

#main-content h4 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}

#main-content h5 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

#main-content h6 {
  font-size: 14px;
  line-height: 14px;
}

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
  margin-top: 15px;
}

#main-content .short {
  display: inline-block;
}

#navigation h1,
#promo h1,
#navigation h2,
#promo h2,
#navigation h3,
#promo h3,
#navigation h4,
#promo h4,
#navigation h5,
#promo h5,
#navigation h6,
#promo h6,
#navigation [class*='-underline'],
#navigation [class*='-heading'],
#promo [class*='-underline'],
#promo [class*='-heading'] {
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
  color: #0c2340;
  border-bottom: 1px solid #d9d9d9;
}

.box a[href*="intranet.uow.edu.au"]::after,
.nav a[href*="intranet.uow.edu.au"]::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  width: 1.28571429em;
  text-align: center;
  content: '\f023';
}

// .nav a[href*="intranet.uow.edu.au"]:hover {
//   background: url(img_uow_lock_white.png) no-repeat 95% 0.5em #677683;
//   color: #fff;
// }

a {
  color: #0066ee;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

a:active,
a:focus {
  color: #c00;
}

a:visited {
  color: #663399;
}

ul,
ol {
  margin: 0.5em 0;
  padding: 0 0 0 1.5em;
}

ul > ul {
  padding: 0 0 0 1.5em;
}

li {
  line-height: 1.25em;
}

#content ul {
  list-style: none;
  padding-left: 1em;
}

#content ul > li {
  position: relative;
  margin: 0 0 0.3em 1em;
  padding: 0;
}

#content #left-promo ul > li,
#content #promo ul > li {
  font-size: 0.875rem;
}

#content ul > li:before,
#content #left-promo ul > li:before {
  color: #c00;
  font-family: 'FontAwesome';
  content: "\f068";
  position: absolute;
  left: -2em;
  height: 100%;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 60%;
}

#content ul.fa-ul > li:before,
#navigation ul li:before {
  content: '';
}

#content ul.fa-ul > li {
  font-size: 1.125rem;
}

#content ul.fa-ul > li > .fa-li {
  font-size: 1.5em;
  top: 0.3em;
}

#content .box p:first-child,
#content .box h1:first-child,
#content .box h2:first-child,
#content .box h3:first-child,
#content .box h4:first-child,
#content .box h5:first-child,
#content .box h6:first-child {
  margin-top: 0;
}


/* == CONTENT ===========================*/

#content {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 0.5em;
}

.box {
  padding: 0.5em 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background: #fff;
  width: 100%;
  float: left;
  position: relative;
}

.box img {
  margin: 0.5em 1%;
  max-width: 98%;
  height: auto;
}

#body,
#wrap {
  background: #f6f6f6;
}

.lastreviewed {
  color: #8f8f8f;
  font-size: 0.750em;
  float: right;
  clear: both;
  margin-top: 30px;
}

.half {
  width: 48%;
}

.related-images {
  width: 130px;
  margin-top: 0.5em;
  margin-left: 0.5em;
  clear: right;
}

.image-box {
  padding: 0;
  margin-bottom: 0.5em;
  border: 1px solid #ddd;
  background: #f9f9f9;
}

.image-box a {
  display: block;
  line-height: 0;
}

.image-box img {
  margin: 2% 2% 0;
  max-width: 96%;
}

.image-box small {
  margin: 0 2%;
  max-width: 96%;
  display: block;
}

.contact-dir {
  float: left;
  width: 100%;
  padding-bottom: 0.5em;
}

.contact-dir div {
  float: left;
  width: 50%;
  display: inline;
}

.contact-dir h6 {
  margin-bottom: 0;
}

.image-caption,
.image-caption-left,
.image-caption-right {
  font-style: italic;
  font-size: 0.875em;
  color: #444;
  border: 1px solid #eee;
  padding: 0.5em 1%;
}

.image-caption-left {
  float: left;
  margin-right: 0.75em;
}

.image-caption-right {
  float: right;
  margin-left: 0.75em;
}

.image-caption img {
  margin: 0;
  max-width: 100%;
}


/* == COBRAND ======================== */

.cobrand #wrap {
  margin: 0 auto;
}

.cobrand #page-title {
  font-size: 1.938em;
}

.cobrand-news img {
  width: 40%;
  float: left;
  margin: 0 0.5em 0.5em 0;
  min-width: 100px;
}

.cobrand-news hr {
  float: left;
}

.cobrand-news div.left {
  margin-top: 10px;
}

.cobrand-nav {
  text-align: center;
  margin-top: 0.5em;
  float: left;
  width: 100%;
}

.cobrand-nav a.navItems_10 {
  width: 8%;
}

.cobrand-nav a.navItems_9 {
  width: 9.111%;
}

.cobrand-nav a.navItems_8 {
  width: 10.5%;
}

.cobrand-nav a.navItems_7 {
  width: 12.286%;
}

.cobrand-nav a.navItems_6 {
  width: 14.666%;
}

.cobrand-nav a.navItems_5 {
  width: 18%;
}

.cobrand-nav a.navItems_4 {
  width: 23%;
}

.cobrand-nav a.navItems_3 {
  width: 31.333%;
}

.cobrand-nav a.navItems_2 {
  width: 48%;
}

.cobrand-nav a.navItems_1 {
  width: 98%;
}

#wrap .cobrand-nav a:link,
#wrap .cobrand-nav a:hover,
#wrap .cobrand-nav a:active,
#wrap .cobrand-nav a:visited {
  color: #fff;
  display: block;
  float: left;
  text-decoration: none;
  margin: 0 1% 0.5em;
  padding: 0.5em 1%;
  background: #222;
}

.cobrand-nav a.omega:link,
.cobrand-nav a.omega:hover,
.cobrand-nav a.omega:active,
.cobrand-nav a.omega:visited {
  border-right: 0;
}

.cobrand-nav a:hover {
  background: #444;
}

.cobrand #uow-search {
  margin: 0;
  padding: 0.6em 0.7em;
  height: 45px;
  width: 65%;
  float: left;
}

.cobrand #search-button {
  margin: 0;
  padding: 0.6em 0;
  height: 45px;
  width: 35%;
  float: left;
}

#cobrand-logo {
  height: 50px;
  margin: 1% 0;
  padding-left: 2%;
}

#cobrand-logo img {
  height: 50px;
}


/* == GALLERIES ===========================*/

.container .gallery {
  border-collapse: separate;
  border-spacing: 5px;
  border: 0;
  margin: 0;
  width: 100%;
}

.container .gallery td {
  border: 1px solid #ddd;
  background: #f9f9f9;
  width: 33%;
}

.container .gallery td img {
  margin: 2% 2% 0;
  max-width: 96%;
}

.pager {
  border: 1px solid #ddd;
  padding: 0 0.5em;
  background: #f9f9f9;
  margin: 0 5px;
}

#page-title {
  font-family: 'Chronicle Display A', 'Chronicle Display B', "Times New Roman", Times, Georgia, serif;
  padding: 0 1%;
  background: none;
  color: #0c2340;
  border: 0;
  border-bottom: 1px solid #c00;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  font-size: 3em;
}

@media only screen and (max-width: 479px) {
  #page-title {
    font-size: 1.875em;
  }
  .message-large {
    padding: 30px 0;
  }
}

@media only screen and (min-width: 720px) {
  #page-title {
    font-size: 2.5em;
  }
}

#breadcrumb {
  background-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  padding: 1.5% 1% 0;
}

#breadcrumb a {
  text-decoration: underline;
}

#breadcrumb a:visited {
  color: #0066ff;
}

.statement {
  color: #777;
  font-size: 1.5em;
  font-family: 'Montserrat', Verdana, sans-serif;
}

.black-border-box {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background: #fff;
  width: 100%;
  border: 1px solid #333;
  float: left;
}

.black-border-box img {
  max-width: 100%;
}

#content .view-more {
  background: #0047bb;
  padding: 0.125em 0.5em;
  margin-top: 0.5em;
}

#content a.view-more,
#content a.view-more:link,
#content a.view-more:hover,
#content a.view-more:active {
  color: #fff;
  text-decoration: none;
}


/* == BANNER TEXT STYLES ====================== */

#banner {
  line-height: 0;
  margin-top: 0.5em;
  overflow: hidden;
}

#banner .image img {
  width: 100%;
}

#banner .image {
  width: 100%;
}

#banner .image.fullwidth {
  width: 100%;
}

#banner .info {
  max-width: 40%;
  padding: 0.5em 1em;
  position: absolute;
  line-height: 2em;
  background: url('img_uow_transparent_white_bg.png') repeat top left;
  background-color: rgba(255, 255, 255, 0.65);
}

#banner .info div {
  color: #000;
  margin: 0;
  font-family: 'Montserrat', Verdana, Geneva, sans-serif;
  font-size: 1.4em;
  line-height: 1.286em;
  font-weight: 500;
}

#banner .info.black {
  background: url('img_uow_transparent_black_bg.png') repeat top left;
  color: #fff;
}

#banner .info.black div {
  color: #fff;
}

#banner .full-right,
#banner .beside {
  left: 0;
  top: 0;
  bottom: 0;
  width: 31.5%;
  border: 0;
  background: #0047bb;
  color: #fff;
}

#banner .beside + .image {
  margin-left: 31.5%;
}

#banner .dark {
  background: #373f46;
}

#banner .steel {
  background: #677683;
}

#banner .white {
  border: 1px solid #ccc;
  border-left: 0;
  color: #0047bb;
  background: #fff;
}

#banner .dark.white {
  color: #373f46;
}

#banner .full-right div,
#banner .beside div {
  color: #fff;
}

#banner .white div {
  color: #0047bb;
}

#banner .dark.white div {
  color: #373f46;
}

#banner .steel.white div {
  color: #677683;
}

#content .nav a,
#content .nav a:link,
#content .nav a:visited {
  color: #444;
  display: block;
  text-decoration: none;
}

#content .nav li:hover {
  background: #ededed;
}

#content .nav li:hover a {
  color: #0c2340;
}

#content .nav .category {
  line-height: 1.5em;
  width: 100%;
  padding: 0.15em 1.5em 0.15em 0.15em;
  margin: 0;
  font-weight: 500;
  cursor: pointer;
  font-size: 1.125em;
  position: relative;
}

#content .nav .category::after {
  font-family: 'FontAwesome';
  content: '\f105';
  position: absolute;
  right: 5px;
  top: 2px;
  color: #c00;
}

#content .nav.open .category::after {
  font-family: 'FontAwesome';
  content: '\f107';
}

#content .nav:last-child {
  margin-bottom: 0.5em;
}

#content .nav ul {
  display: none;
}

#content .nav.open ul {
  display: block;
}

#content .nav ul,
.nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav ul li {
  padding-left: 1em;
}

#content .nav ul li a {
  margin: 0;
  padding: 0.4em;
  list-style: none;
  cursor: pointer;
  font-size: 0.938em;
}

#left-promo {
  margin-top: 1em;
}


/* == FORMS ================================= */

#content .simple select,
#content .simple input,
#content .simple textarea {
  border: 1px solid #ccc;
}

.simple select,
.simple input,
.simple textarea,
.simple label {
  font-size: 0.938em;
  margin: 0.125em 1%;
}

.simple label {
  display: inline;
  width: 24%;
  display: inline-block;
  vertical-align: top;
  padding: 0 1%;
}

.simple fieldset {
  border: 1px dashed #aaa;
  margin: 0 0 1em 0;
  padding: 0.5em;
  position: relative;
  overflow: hidden;
}

.simple input[type="text"],
.simple input[type="password"],
.simple input[type="email"],
.simple input[type="number"],
.simple input[type="file"],
.simple input[type="date"],
.simple textarea {
  width: 40%;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0 0.15em;
  display: inline;
}

.simple input[type="checkbox"],
.simple input[type="radio"] {
  margin: 0.25em;
}

.simple input[type="submit"] {
  margin-left: 29%;
  width: 30%;
  white-space: normal;
  line-height: 1.25em;
}

.simple label.error {
  color: #c00;
  margin-left: 3%;
}

.simple input[type="submit"].submit-blue,
.simple input[type="submit"].submit-purple,
.simple input[type="submit"].submit-steel,
.simple input[type="submit"].submit-red,
.simple input[type="submit"].submit-dark {
  background: #0047bb;
  color: #fff;
  border: 0;
  width: 70%;
  padding: 0.25em 0.5em;
}

.blue-button,
.purple-button,
.red-button,
.dark-button,
.light-button {
  cursor: pointer;
  background: #0047bb;
  color: #fff;
  border: 1px solid #0047bb;
  padding: 0.25em 1em;
  display: inline-block;
  margin-top: 0.5em;
  font-size: 0.750em;
  text-transform: uppercase;
}

.light-button {
  background-color: #fff;
  border: 1px solid #0047bb;
  color: #0047bb;
}

.blue-button:link,
.blue-button:visited,
.purple-button:link,
.purple-button:visited,
.red-button:link,
.red-button:visited,
.dark-button:link,
.dark-button:visited {
  color: #fff;
  text-decoration: none;
}

.light-button:link,
.light-button:visited {
  color: #0047bb;
  border-color: #0047bb;
  text-decoration: none;
}

.blue-button:hover,
.blue-button:active,
.purple-button:hover,
.purple-button:active,
.dark-button:hover,
.dark-button:active,
.red-button:hover,
.red-button:active,
.light-button:hover,
.light-button:active {
  border-color: #0c2340;
  background-color: #0c2340;
  color: #fff;
  // background-image: url("img_button_hover.png");
  // background-size: 100% 100%;
}

.grid_3 .simple label {
  width: 45%;
}

.grid_3 .simple input[type="text"],
.grid_3 .simple input[type="password"],
.grid_3 .simple input[type="email"],
.grid_3 .simple input[type="number"],
.grid_3 .simple input[type="file"],
.grid_3 .simple input[type="date"],
.grid_3 .simple textarea {
  width: 49%;
}


/* == DIV:ALERT COLOR BOXES ================== */

.boxYellow,
.boxRed,
.boxBlue,
.boxGrey,
.boxGreen,
.boxPurple,
.boxOrange,
.boxGreenGrey,
.boxTeal,
.boxSilver {
  margin: 0.5em 0;
  padding: 0.5em;
  display: inline-block;
}

.boxRed,
.formError {
  color: #990000;
  background: #fff4f4;
  border: 1px solid #ebcbd0;
}

.boxOrange {
  color: #9F4000;
  background: #fff8f0;
  border: 1px solid #ffdfc9;
}

.boxYellow,
.formWarning {
  color: #8F7114;
  background: #fefff4;
  border: 1px solid #efefbf;
}

.boxGreen,
.formSuccess {
  color: #325926;
  background: #f8fff8;
  border: 1px solid #c0e2c0;
}

.boxBlue {
  color: #026a93;
  background: #f7fbff;
  border: 1px solid #b5e1ff;
}

.boxBlue a,
.boxBlue a:hover,
.boxBlue a:active,
.boxBlue a:visited {
  color: #03C;
  font-weight: bold;
}

.boxTeal {
  color: #346774;
  background: #e3f9f8;
  border: 1px solid #c9d5d8;
}

.boxPurple {
  color: #55397C;
  background: #f4f4ff;
  border: 1px solid #c7c4df;
}

.boxGrey {
  color: #333333;
  background: #f1f1f1;
  border: 1px solid #d3d3d3;
}

.boxSilver {
  color: #555555;
  background: #f7f7f7;
  border: 1px solid #e5e5e5;
}

.boxBlack {
  color: #fff;
  background: #000000;
  border: 1px solid #000;
}

.hb-disclaimer {
  display: block;
  font-size: 1.125em;
}

.hb-disclaimer .fa-ul {
  margin-left: 1em;
}

/* == SEARCH FORM WIDGET ==================*/

#search {
  margin: 1em 1% 0.25em;
}

.search label {
  margin-right: 2em;
  display: inline;
  width: auto;
}

input.search-input {
  font-size: 1em;
  padding: 0.25em 0.5em;
  border: 1px solid #ccc;
  width: 74%;
  margin: 0;
}

.search .search-button {
  -webkit-appearance: none;
  height: 2.05em;
  font-size: 1em;
  border: 0;
  background: #0047bb;
  color: #fff;
  padding: 0.25em 0;
  width: 25%;
  float: right;
  margin: 0;
  cursor: pointer;
}

.search .search-input {
  width: 73%;
}


/* == SEARCH RESULTS ==================*/

.result-row {
  margin: 0;
  padding: 1em;
  overflow: hidden;
}

.url {
  overflow: hidden;
  word-break: break-all;
  color: green;
}

.rownum {
  padding: 2px 5px;
  border-radius: 4px;
  background: #fafafa;
  border: 1px solid #eee;
  float: left;
  margin: 15px 10px 15px 0;
}

#res_count {
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding: 5px;
  display: block;
  background: #f8f8f8;
}

#search_navigation {
  margin: 2em 10px 10px;
  text-align: center;
}

#search_navigation a {
  padding: 0.2em 0.5em;
  display: inline-block;
  text-decoration: none;
  margin: 0.25em;
  border-radius: 4px;
  background: #fafafa;
  border: 1px solid #eee;
}

#search_navigation a:hover {
  cursor: pointer;
  text-decoration: underline;
}

#search_navigation strong {
  margin: 0.25em;
  padding: 0.2em 0.5em;
  display: inline-block;
  border-radius: 4px;
  background: #777;
  border: 1px solid #777;
  color: #fff;
  font-weight: 600;
}

#search_navigation a.button,
#search_navigation a.button:hover {
  vertical-align: top;
  margin-top: 0.2em;
  padding: 0.1em 0.5em 0.25em;
  text-decoration: none;
  background: #9eb0be;
  border: 1px solid #8e90a5;
  color: #fff;
}

.button img {
  margin: 0;
}

#search_footer {
  text-align: center;
}

#search_nav label {
  width: 80%;
}

#search_nav input[type="text"] {
  width: 100%;
}


/* == FACULTY HOME ========================== */

.tabs {
  display: inline-block;
  background: #dfdfdf;
  padding: 0.25em 0.5em 0.25em;
  margin: 0.5em 0.25em 0 0;
  border-bottom: 0;
  cursor: pointer;
}

.tabs.current {
  background: #fff;
  position: relative;
  z-index: 9;
}

.tab-pane.box {
  margin-top: -1px;
  position: relative;
}

#content .tab-pane h1,
#content .tab-pane h2 {
  font-family: "Chronicle Display A", "Chronicle Display B", "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: 400;
  color: #0c2340;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 5px;
}

#content .tab-pane h3 {
  color: #0c2340;
  font-size: 22px;
  font-weight: 500;
}


/* == ARTICLE BLOCKQUOTES ======================== */

.quote {
  position: relative;
  font-size: 1.25em;
  line-height: 2em;
  margin: 1em 0.5em;
  min-width: 220px;
  width: 70%;
  color: #555;
  quotes: '\201C' '\201D';
  font-style: italic;
  background-color: #fafafa;
  border: 1px solid #eee;
  padding: 1em;
}

.quote:before {
  font-size: 7.5em;
  content: open-quote;
  color: #ddd;
  position: absolute;
  left: 3%;
  top: 7%;
}

.quote:after {
  font-size: 7.5em;
  content: close-quote;
  color: #ddd;
  position: absolute;
  right: 20%;
  margin-top: 0.5em;
}

.small-quote {
  position: relative;
  font-size: 1.25em;
  line-height: 1.5em;
  margin: 0.5em 1%;
  width: 46%;
  color: #fff;
  min-width: 160px;
  quotes: '\201C' '\201D';
  font-style: normal;
  background-color: #0047bb;
  padding: 3.4em 0.75em 1em;
}

.small-quote:before {
  font-size: 10em;
  content: open-quote;
  color: #fff;
  position: absolute;
  left: 3%;
}

.small-quote:after {
  content: '';
}

.small-quote.dark {
  background: #373f46;
}

.small-quote.red {
  background: #db3e37;
}

.small-quote.purple {
  background: #4a2f8f;
}

.small-quote.steel {
  background: #677683;
}


/* == TABLE STYLES ========= */

.container table {
  margin-top: 15px;
  border: 1px solid #ddd;
  background: #fff;
}

th {
  text-align: left;
  font-weight: normal;
}

td,
th {
  padding: 0.5em;
  vertical-align: top;
  border: 1px solid #eee;
}

th {
  background: #0047bb;
  color: #fff;
}

.light th {
  background: #fafafa;
  color: #373f46;
}

.dark th {
  background: #0c2340;
  color: #fff;
}

.container .definitionTable {
  border: 0;
}

.container .definitionTable th,
.container .definitionTable td {
  background: none;
  color: #000;
  border: 0;
  border-bottom: 1px solid #ddd;
}

.container .definitionTable th {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-right: 5px solid #0c2340;
  font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

.container .definitionTable.light th {
  border-right: 5px solid #ddd;
}

.rows td,
.rows th {
  border-left: 0;
  border-right: 0;
}

.columns td,
.columns th {
  border-top: 0;
  border-bottom: 0;
}

.zebra tr:nth-of-type(even) {
  background-color: #eee;
}

.rollover tr:hover {
  background: #f5f5f5;
}

.container table.tableLayout {
  background: none;
  border: none;
}

.container table.tableLayout th {
  font-weight: bold;
}

.container table.tableLayout th,
table.tableLayout td {
  padding: 3px;
  border: none;
}


/* == TABLES:LEGACY ======================== */

table.tableList {
  border: 1px solid #ddd;
  border-collapse: collapse;
  background: #f9f9f9;
}

.tableList th {
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #fff;
  background: #0047bb;
}

.tableList th,
.tableList td {
  padding: 3px;
}

.tableList td {
  border-top: 1px solid #ddd;
  color: #333;
}


/* == TABLES:FAQS ========================== */

table.faqs {
  background: none;
  border: none;
}

table.faqs th,
table.faqs td {
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
  color: #666;
  background: none;
  vertical-align: text-top;
}

table.faqs th {
  width: 20%;
  color: #000;
  text-align: right;
}

table.faqs tr:last-child th,
#column-main table.faqs tr:last-child td {
  border-bottom: 0;
}

table.faqs col.faqs {
  font-weight: bold;
  border-right: 2px solid #ccc;
}


/* == BUTTONS ==================== */

.box .cutout[href*="intranet.uow.edu.au"]::after,
.box .thick[href*="intranet.uow.edu.au"]::after,
.box .thin[href*="intranet.uow.edu.au"]::after,
.box .solid[href*="intranet.uow.edu.au"]::after {
  /*background-image: none;*/
  content: ' ';
}

.button-text,
.label-text {
  width: 80%;
  display: inline-block;
  line-height: 1.25em;
  font-size: 1.125em;
  text-align: left;
  font-weight: 400;
}

.label-text {
  font-family: 'Montserrat', Verdana, Geneva, sans-serif;
  font-weight: 400;
}

.no-icon .button-text,
.no-icon .label-text {
  width: 100%;
}

.no-icon span.icon {
  display: none;
}

.outline,
.thin,
.thick,
.solid {
  max-width: 330px;
  font-size: 1.125em;
  line-height: 1.25em;
  display: block;
  padding: 0.15em 0.5em;
  margin: 5px 0;
  position: relative;
  min-height: 40px;
  border: 2px solid;
  text-decoration: none;
}

.solid,
.thick,
.solid:visited,
.thick:visited {
  border-color: #0047bb;
  background-color: #0047bb;
  color: #fff;
}

.outline,
.thin,
.outline:visited,
.thin:visited {
  border-color: #ededed;
  background-color: #ededed;
  color: #0047bb;
}

.outline:hover,
.outline:focus,
.outline:active,
.thin:hover,
.thin:focus,
.thin:active,
.solid:hover,
.solid:focus,
.solid:active,
.thick:hover,
.thick:focus,
.thick:active {
  text-decoration: none;
  border-color: #c00;
  background-color: #fff;
  color: #c00;
}


/* == CYCLE PLUG IN BANNERS ================= */

#banners {
  position: relative;
  overflow: hidden;
}

#banner_controls {
  position: absolute;
  right: 0.75em;
  bottom: 0;
  z-index: 10;
  height: 32px;
}

#banner_controls a {
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0 0.25em;
  display: inline-block;
  text-indent: 300%;
  overflow: hidden;
}

#banner_controls a.activeSlide {
  background: #ccc;
}

.slide {
  max-height: 360px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.slide img {
  margin: 0;
  max-width: 100%;
}

.hideSlide {
  width: 590px;
  margin: 0;
  border: 0;
  visibility: hidden;
  max-height: 360px;
}

.grid_9 .hideSlide {
  width: 870px;
}

.title {
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 0;
  padding: 0.75em 7em 0.25em 0;
  width: 100%;
  border: 0;
}


/* == CONTRIBUTOR ONLY ====================== */

.ssm_form input {
  width: auto;
}

#ssm_progress {
  margin: 1em;
}

#ssm_left_header img {
  margin-left: 1em
}

#contrib-bg {
  background-color: #fff;
}

.contrib-info {
  float: left;
  width: 100%;
  font-size: 14px;
  border: 1px solid #d80;
  background: url("contrib_info.png") 0 0 repeat-x #ffaf4c;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}

.contrib-info th {
  color: #000;
}

.wcm-region-marker {
  opacity: 1 !important;
}

#ssm_main_table > tbody > tr > td {
  padding: 0;
  border: 0;
}

#ssm_right_pre_header,
#ssm_left_pre_header,
#ssm_main_table,
#ssm_body_left,
#ssm_body_right {
  border: 0;
}


/* == to hide underlines on anchors created in Editor ======*/

.FCK__AnchorC {
  display: none;
}

.contrib-info table {
  border-collapse: collapse;
}

.contrib-info input {
  padding: 2px;
}


/* == CALENDAR:DATEPICKER ================== */

#calroot {
  z-index: 10000;
  margin-top: 3px;
  width: 198px;
  padding: 2px;
  font-size: 0.917em;
}

#calhead {
  padding: 2px 0;
  height: 22px;
  margin-bottom: 3px;
}

#caltitle {
  font-size: 1.167em;
  font-weight: bold;
  float: left;
  text-align: center;
  width: 155px;
  line-height: 1.5em;
}

#calnext,
#calprev {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  cursor: pointer;
}

#calnext {
  float: right;
}

#calprev.caldisabled,
#calnext.caldisabled {
  visibility: hidden;
}

#caltitle select {
  font-size: .917em;
}

#caldays {
  height: 14px;
}

#caldays span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
}

.calweek {
  clear: left;
}

.calweek a {
  display: block;
  float: left;
  width: 26px;
  padding: 4px 0;
  text-decoration: none;
  font-size: .917em;
  text-align: center;
}

a.caldisabled {
  cursor: default;
}


/* == CALENDAR:DATEPICKER COLOUR CSS ======= */

#calroot {
  background-color: #fff;
  border: 2px solid #ccc;
}

#calhead {
  background: #0047bb;
}

#caltitle {
  color: #fff;
  text-shadow: 0 2px 0 #444;
}

#calnext,
#calprev {
  background: transparent url("//www.uow.edu.au/server/images/month_prev.png") no-repeat scroll center center;
}

#calnext {
  background-image: url("//www.uow.edu.au/server/images/month_next.png");
}

#caldays {
  border-bottom: 1px solid #ddd;
}

#calweeks {
  background-color: #fff;
}

.calweek a {
  border: 1px solid #fff;
  color: #666;
}

.calweek a:hover,
.calfocus {
  background-color: #ddd;
  border: 1px solid #444;
}

a.calsun {
  color: #0047bb;
}

a.caloff {
  color: #ccc;
}

a.caloff:hover {
  background-color: #f5f5fa;
}

a.caldisabled {
  background-color: #efefef !important;
  color: #ccc !important;
}

#calcurrent {
  background-color: #0047bb;
  color: #fff;
  border: 1px solid #444;
}

#caltoday {
  background-color: #333;
  color: #fff;
  border: 1px solid #ddd;
}

#footer {
  clear: both;
}


/* == 2014 TEMPLATES ================ */

.color-study .outer-container,
.color-research .outer-container,
.color-business .outer-container {
  border-color: #c00;
  border-bottom-width: 7px;
}

.navbar li:hover .outer-container {
  box-shadow: 0 5px 10px -6px #000;
}

.cobrand #footer {
  color: #fff;
  background: #333;
  height: auto;
  padding: 10px 0;
}

.cobrand #footer div {
  margin-bottom: 10px;
}

.cobrand #footer a {
  color: #fff;
}

.dropdown-large a.close {
  cursor: pointer;
}

.tt-dropdown-menu {
  position: relative;
  margin-left: 0;
  z-index: 500;
  margin-top: 60px;
  margin: 0;
  padding: 0.25em 0;
  top: 50px !important;
  color: #000;
  border: 1px solid #eee;
  background-color: #fff;
  max-height: 300px;
  overflow-y: auto;
}

#header-searchbar .tt-dropdown-menu {
  width: 82.2%;
}

.searchbox button {
  position: absolute;
}

.searchbox .tt-dropdown-menu {
  width: 99.5%;
  margin-top: 10px;
}

.tt-suggestion {
  padding: 20px 15px;
  margin: 0;
  background: #fff;
  line-height: 1em;
  position: relative;
  z-index: 500;
}

.tt-suggestion.tt-cursor {
  background-color: #0c2340;
  color: #fff;
  cursor: pointer;
}

.tt-suggestion p {
  margin: 0;
}

.typeahead {
  border: 1px solid #ccc;
  font-size: 1.125em;
  width: 200%;
}

#header-searchbar .twitter-typeahead {
  width: 100%;
  display: block !important;
  z-index: 500;
}


/* custom player skin */

.flowplayer .fp-controls {
  background-color: rgba(17, 17, 17, 1);
}

.flowplayer .fp-timeline {
  background-color: rgba(204, 204, 204, 1);
}

.flowplayer .fp-progress {
  background-color: #0047bb;
}

.flowplayer .fp-buffer {
  background-color: rgba(249, 249, 249, 1);
}


/*.flowplayer { background-image: url(https://farm5.staticflickr.com/4117/4870052004_c0997bcf8d_b.jpg)}*/


/* == MOBILE PORTRAIT =========================== */

@media only screen and (max-width: 479px) {
  #banner .info {
    position: relative;
    max-width: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #banner .full-right,
  #banner .beside {
    width: 100%;
    border: 0;
  }
  #banner .image {
    width: 100%;
  }
  .small-quote {
    width: 98%;
  }
  .container .gallery td small {
    display: none;
  }
  .contact-dir div {
    width: 100%;
  }
  .tabs {
    width: 100%;
    margin-top: 0;
    border-bottom: 0;
    float: left;
  }
  .tabs.current {
    border-bottom: 1px solid #ccc;
    background: #0047bb;
    color: #fff;
  }
  .tab-pane.box {
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 0;
  }
  .tabs.last {
    border-bottom: 1px solid #ccc;
  }
  .tab-pane.box.last {
    border-bottom: 1px solid #ccc;
  }
}

@media only screen and (max-width: 719px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    width: 98%;
  }
  #banner .info div {
    font-size: 0.938em;
    line-height: 1.125em;
  }
  #breadcrumb {
    font-size: 0.938em;
  }
  .half {
    width: 100%;
  }
  #mobile-header div {
    width: 48%;
  }
  #pre-sols-login {
    display: block;
  }
  #post-sols-login {
    display: none;
  }
  .cobrand #footer div {
    text-align: center;
  }
  .cobrand #search {
    display: block;
    margin-top: 0.5em;
    width: 98%;
  }
  .cobrand-nav a,
  .cobrand-nav a.navItems_10,
  .cobrand-nav a.navItems_9,
  .cobrand-nav a.navItems_8,
  .cobrand-nav a.navItems_7,
  .cobrand-nav a.navItems_6,
  .cobrand-nav a.navItems_5,
  .cobrand-nav a.navItems_4,
  .cobrand-nav a.navItems_3,
  .cobrand-nav a.navItems_2,
  .cobrand-nav a.navItems_1 {
    width: 98%;
    margin: 0 1%;
    border-bottom: 1px solid #fff;
  }
}

img.uowmail {
  width: 100%;
}


/* == MOBILE LANDSCAPE =========================== */

@media only screen and (min-width: 480px) and (max-width: 719px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4 {
    width: 48%;
  }
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    width: 98%;
  }
  #mobile-header div {
    width: 48%;
  }
  .mobile {
    width: 98%;
    margin: 0 1%;
  }
  #toplinks {
    text-align: center;
    padding: 1em 0.5em;
    line-height: 1em;
  }
  #toplinks div {
    width: 20%;
    padding: 0 1%;
  }
  .half {
    width: 49%;
  }
  .half.omega {
    margin-left: 2%;
  }
}

@media only screen and (min-width: 480px) {
  .bottom-left {
    bottom: 1em;
    left: 1.5em;
  }
  .bottom-right {
    bottom: 1em;
    right: 1.5em;
  }
  .top-left {
    top: 1em;
    left: 1.5em;
  }
  .top-right {
    top: 1em;
    right: 1.5em;
  }
}


/* == TABLET PORTRAIT =========================== */

@media only screen and (min-width: 720px) {
  .grid_1 {
    width: 6.333%;
    font-size: 0.857em;
  }
  .grid_2 {
    width: 14.667%;
  }
  .grid_3 {
    width: 23.0%;
  }
  .grid_4 {
    width: 31.333%;
  }
  .grid_5 {
    width: 39.667%;
  }
  .grid_6 {
    width: 48.0%;
  }
  .grid_7 {
    width: 56.333%;
  }
  .grid_8 {
    width: 64.667%;
  }
  .grid_9 {
    width: 73.0%;
  }
  .grid_10 {
    width: 81.333%;
  }
  .grid_11 {
    width: 89.667%;
  }
  .grid_12 {
    width: 98.0%;
  }
  .push_1 {
    left: 8.333%;
  }
  .push_2 {
    left: 16.667%;
  }
  .push_3 {
    left: 25.0%;
  }
  .push_4 {
    left: 33.333%;
  }
  .push_5 {
    left: 41.667%;
  }
  .push_6 {
    left: 50.0%;
  }
  .push_7 {
    left: 58.333%;
  }
  .push_8 {
    left: 66.667%;
  }
  .push_9 {
    left: 75.0%;
  }
  .push_10 {
    left: 83.333%;
  }
  .push_11 {
    left: 91.667%;
  }
  .pull_1 {
    left: -8.333%;
  }
  .pull_2 {
    left: -16.667%;
  }
  .pull_3 {
    left: -25.0%;
  }
  .pull_4 {
    left: -33.333%;
  }
  .pull_5 {
    left: -41.667%;
  }
  .pull_6 {
    left: -50.0%;
  }
  .pull_7 {
    left: -58.333%;
  }
  .pull_8 {
    left: -66.667%;
  }
  .pull_9 {
    left: -75.0%;
  }
  .pull_10 {
    left: -83.333%;
  }
  .pull_11 {
    left: -91.667%;
  }
  .mobile {
    display: none;
  }
  #banner .info div {
    font-size: 1.143em;
    line-height: 1.143em;
  }
  .box {
    padding: 0.5em 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .half {
    width: 100%;
  }
  .subsite_nav {
    top: 0;
    position: absolute;
    left: 0;
  }
  .small-quote {
    width: 98%;
  }
  /*.icon { display:none; }*/
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
  .grid_3 .simple label {
    width: 100%;
    display: block;
  }
  .grid_3 .simple input[type="text"],
  .grid_3 .simple input[type="password"],
  .grid_3 .simple input[type="email"],
  .grid_3 .simple input[type="number"],
  .grid_3 .simple input[type="file"],
  .grid_3 .simple input[type="date"],
  .grid_3 .simple textarea {
    width: 100%;
    display: block;
  }
  .grid_3 .login-box-sols .simple input[type="text"],
  .grid_3 .login-box-sols .simple input[type="password"] {
    display: block;
    width: 98%;
  }
  .grid_6 .tabs {
    width: 100%;
    margin-top: 0;
    border-bottom: 0;
    float: left;
  }
  .grid_6 .tabs.current {
    border-bottom: 1px solid #ccc;
    background: #0047bb;
    color: #fff;
  }
  .grid_6 .tab-pane.box {
    margin-bottom: 0;
    border-bottom: 0;
    border-top: 0;
  }
  .grid_6 .tabs.last {
    border-bottom: 1px solid #ccc;
  }
  .grid_6 .tab-pane.box.last {
    border-bottom: 1px solid #ccc;
  }
}

@media only screen and (max-width: 959px) {}


/* == DESKTOP AND LARGER =========================== */

@media only screen and (min-width: 960px) {
  #banner .info div {
    font-size: 1.5em;
    line-height: 1.286em;
  }
  #banner {
    max-height: 300px;
  }
  .half {
    width: 48%;
  }
  .half.omega {
    margin-left: 4%;
  }
  .grid_9 .half {
    width: 49%;
  }
  .grid_9 .half.omega {
    margin-left: 2%;
  }
  .small-quote {
    width: 46%;
  }
  .icon {
    display: block;
  }
}

@media only screen and (min-width: 1280px) {
  .mainmenu {
    line-height: 1.5em;
    padding-top: 0.75em;
  }
}