html, body {
    font: 400 12px/1 Verdana, Arial, sans-serif;
    color: #333;
    min-width: 320px
}

body {
    background: #ccc url("../images/background/bg-sand.png")
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-size: 12px;
    direction: ltr
}

h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    margin: 0 0 12px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 700
}

h1.serif, h2.serif, h3.serif, h4.serif, h5.serif, h6.serif {
    font-family: Georgia, "Times New Roman", Times, serif
}

h1 {
    font-size: 32px;
    color: #222
}

h1 a {
    color: #222
}

h2 {
    font-size: 26px;
    color: #333
}

h3 {
    font-size: 22px;
    color: #333
}

h4 {
    font-size: 20px;
    color: #333
}

h5 {
    font-size: 17px;
    font-weight: 500;
    color: #222
}

h5 a {
    color: #222
}

h6 {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

h6 a {
    color: #222
}

h6.border {
    border-bottom: 1px solid #eee
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none
}

.sidebar .accordion-menu h2 {
    font-size: 15px
}

.sidebar h2 {
    font-size: 20px
}

.sidebar h3 {
    font-size: 17px
}

.sidebar h4 {
    font-size: 14px
}

.sidebar h5 {
    font-size: 14px
}

h1.underline, h2.underline, h3.underline, h4.underline, h5.underline {
    border-bottom: 1px solid #ccc
}

h1.subheading, h2.subheading, h3.subheading, h4.subheading, h5.subheading {
    color: #6f6f6f;
    font-weight: 300
}

small {
    font-size: 70%;
    line-height: inherit
}

p {
    font: 400 12px/1.62 Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 18px 0
}

sup {
    font-size: 80%;
    vertical-align: super
}

sub {
    font-size: 80%;
    vertical-align: sub
}

blockquote {
    margin: 0 0 18px;
    padding: 9px 18px 0 18px
}

blockquote.pullquote {
    border-left: 3px solid #ddd
}

blockquote.pullquote, blockquote.pullquote p {
    font: 500 18px/1.62 "Times New Roman", Georgia, serif;
    font-style: italic
}

blockquote.pullquote cite {
    display: block;
    font: 500 13px/1.62 Verdana, Arial, sans-serif;
    color: #555;
    font-style: italic
}

a, a:link {
    color: #2662E3;
    text-decoration: none
}

a:hover {
    color: #9312AA;
    text-decoration: underline
}

a:visited {
    color: #840c99
}

a.external {
    background: url("../images/icon/new-window.gif") no-repeat 100% 3px;
    padding: 0 12px 0 0
}

a.phone {
    background: url("../images/icon/phone.gif") no-repeat 100% 3px;
    padding: 0 12px 0 0
}

hr {
    border: 0;
    border-bottom: 1px solid #eee;
    height: 1px;
    margin: 10px 0
}

dl, ul, ol {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 18px;
    margin-left: 12px;
    list-style-position: outside
}

ul li, ol li {
    margin: 0 0 0 18px
}

ol li ul, ol li ol, ul li ol, ul li ul {
    margin: 0 0 0 12px
}

ul.arrow {
    list-style-type: none
}

ul.arrow li {
    background: url("../images/ul.arrow.png") no-repeat 0 7px;
    padding-left: 18px;
    margin-left: 0
}

ul.arrow li ul, ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square
}

ul.square li ul {
    list-style: inherit
}

ul.circle {
    list-style-type: circle
}

ul.circle li ul {
    list-style: inherit
}

ul.disc {
    list-style-type: disc
}

ul.disc li ul {
    list-style: inherit
}

ul.no-bullet {
    list-style: none
}

ul.large li {
    line-height: 21px
}

ul.inline, ul.links.inline, ul.inline ul {
    display: inline;
    padding-left: 0;
    margin-left: 0
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

.divider > li {
    border: 0;
    border-bottom-width: 1px;
    border-color: #ccc;
    border-bottom-style: solid;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.divider > :first-child {
    border-top: 1px solid #ccc;
    padding-top: 5px
}

.divider.vertical > li {
    border: 0;
    border-right-width: 1px;
    border-style: solid;
    border-color: #ccc;
    margin-right: 5px;
    padding-right: 5px
}

.divider.vertical > :first-child {
    border-left-width: 1px;
    padding-left: 5px
}

.divider.dashed > li {
    border-style: dashed
}

.divider.dotted > li {
    border-style: dotted
}

.divider.dark > li {
    border-color: #555
}

.divider.thick > li {
    border-bottom-width: 3px
}

.divider.thick > :first-child {
    border-top-width: 3px
}

.divider.vertical.thick > li {
    border-width: 0;
    border-right-width: 3px
}

.divider.vertical.thick > :first-child {
    border-left-width: 3px
}

.divider.no-top > :first-child {
    border-top: 0;
    border-left: 0
}

.divider.no-tail > :last-child {
    border-bottom: 0;
    border-right: 0
}

dt {
    font-weight: bold
}

dd {
    margin-left: 15px
}

dt, dd {
    line-height: 1.62em
}

dl.horizontal dt {
    float: left;
    width: 33%;
    overflow: hidden;
    clear: left;
    text-align: right
}

dl.horizontal dd {
    margin-left: 34%
}

table {
    background: #fff;
    border-collapse: collapse;
    border-color: #ddd;
    border-spacing: 0;
    margin-bottom: 18px;
    max-width: 100%;
    width: 100%
}

table caption {
    text-align: left;
    color: #333;
    font: bold 1.3em Arial, Helvetica, sans-serif;
    padding: 6px;
    border: 1px solid #CCC;
    background: #F0F0F0
}

table caption.uppercase, table.uppercase thead th, table.uppercase thead td, table.uppercase th {
    text-transform: uppercase
}

table caption p {
    margin: 0
}

table thead th {
    padding: 6px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #000
}

table th {
    text-align: left;
    border: 1px solid #ccc;
    padding: 6px
}

table tbody th, table thead th {
    background: #F0F0F0 none;
    vertical-align: bottom
}

table tbody th {
    vertical-align: top
}

table td {
    padding: 6px;
    text-align: left;
    font: normal 1em Verdana, Arial, sans-serif;
    border: 1px solid #ddd
}

table.noshading thead th, table.noshading tbody th, table.noshading th {
    background-color: transparent
}

table.noborder, table.noborder caption, table.noborder thead th, table.noborder thead td, table.noborder tbody, table.noborder tbody th, table.noborder tbody td, table.noborder th, table.noborder td {
    border: 0
}

table.outline, table.border, table.border td, table.border th {
    border: 1px solid #ccc
}

table.dotted, table.dash tbody tr {
    border-top: 1px dotted #D9D9D9
}

table.valigntop td {
    vertical-align: top
}

table.valignbottom td {
    vertical-align: bottom
}

table.heading-highlight-first th:first-child, table.grey-first-th th:first-child {
    background-color: #EEEEEE
}

table.heading-nobold tbody tr th, table.heading-normal tbody th {
    font-weight: normal
}

table.heading-gradient thead th, th.heading-gradient, table.gradient thead th, th.gradient {
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1a000000', GradientType=0)
}

table.striped tbody tr:nth-child(even) td, table.striped tbody tr:nth-child(even) th, table tr.even, table tr.alt, table.striped tr:nth-of-type(even) {
    background-color: #F9F9F9
}

table tbody tr.highlight td {
    background-color: #FFFFBF
}

table.horizontal caption {
    background: #fff;
    border: 0;
    border-top: 1px solid #ddd
}

table.horizontal tbody th, table thead th {
    background: #F0F0F0 none;
    border-top: 1px solid #ddd;
    border-bottom: 3px solid #ddd
}

table.horizontal tbody th {
    border: 0;
    border-bottom: 2px solid #ccc
}

table.horizontal tbody td {
    border-color: #ddd;
    border: 0;
    border-bottom: 1px solid #ddd
}

table.minimal {
    width: 100%
}

table.minimal caption {
    background: #fff;
    border: 0
}

table.minimal thead th {
    background: #fff;
    border: 0;
    border-bottom: 2px solid #ddd
}

table.minimal tbody th {
    background: #fff;
    width: 10em;
    font-weight: bold;
    border: 0;
    border-bottom: 1px dotted #D9D9D9;
    padding: 6px 8px
}

table.minimal tbody td {
    background: #fff;
    border: 0;
    border-bottom: 1px dotted #ccc
}

table#content-image-table {
    margin: 12px 0 12px 24px;
    border: 0
}

table#content-image-table td {
    padding: 0;
    border: 0
}

table td#caption {
    background: #E8E8E8;
    padding: 3px 0
}

table.green-theme {
    border: 0
}

table.green-theme tbody {
    border-bottom: 2px solid #7ea731
}

table.green-theme th {
    border-color: #94c43a;
    border-bottom: 3px solid #401777;
    background-color: #94c43a;
    color: #233500;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    padding: 18px 6px 6px 6px;
    font-size: 1.1em
}

table.green-theme td {
    border-color: #9d88b5;
    border-width: 1px 0;
    border-style: dashed
}

table.green-theme tr:nth-of-type(odd) td {
    background-color: #f5f3f8
}

table.green-theme tr:hover td {
    background-color: #ece7f1
}

table.green-theme caption {
    background-color: #eff6e2;
    border-color: #dfedc4;
    border-radius: 6px 6px 0 0;
    font: 400 1em Arial, Helvetica, sans-serif
}

table.blue-theme {
    border: 0
}

table.blue-theme tbody {
    border-bottom: 2px solid #0091b5
}

table.blue-theme th {
    border-color: #0081a1;
    border-bottom: 3px solid #000;
    background-color: #0081a1;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    padding: 18px 6px 6px 6px;
    font-size: 1.1em
}

table.blue-theme td {
    border-color: #9abbe6;
    border-width: 1px 0;
    border-style: dashed
}

table.blue-theme tr:nth-of-type(odd) td {
    background-color: #e8eef7
}

table.blue-theme tr:hover td {
    background-color: #d1ddee
}

table.blue-theme caption {
    background-color: #e8eef7;
    border-color: #d1ddee;
    border-radius: 6px 6px 0 0;
    font: 400 1em Arial, Helvetica, sans-serif
}

table.gold-theme {
    border: 0
}

table.gold-theme tbody {
    border-bottom: 2px solid #bda14e
}

table.gold-theme th {
    border-color: #fff;
    border-bottom: 3px solid #bda14e;
    background-color: #fff;
    color: #000;
    padding: 18px 6px 6px 6px;
    font-size: 1.1em
}

table.gold-theme td {
    border-color: #d1bd83;
    border-width: 1px 0;
    border-style: dashed
}

table.gold-theme tr:nth-of-type(odd) td {
    background-color: #f8f5ed
}

table.gold-theme tr:hover td {
    background-color: #f0ebd7
}

table.gold-theme caption {
    background-color: #f0ebd7;
    border-color: #ded0a6;
    border-radius: 6px 6px 0 0;
    font: 400 1em Arial, Helvetica, sans-serif
}

img, object {
    width: auto;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

img.right {
    margin: 0 0 12px 18px;
    float: right
}

img.left {
    margin: 0 18px 12px 0;
    float: left
}

img.polaroid {
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff
}

.caption {
    margin-bottom: 10px
}

.caption p {
    background: #ddd;
    padding: 3px 5px;
    text-align: center;
    margin: 0;
    font-style: italic;
    font-size: 90%
}

.image-group-right {
    float: right;
    margin: 0 0 12px 18px;
    max-width: 50%
}

.image-group-left {
    float: left;
    margin: 0 18px 12px 0;
    max-width: 50%
}

.hide {
    display: none !important
}

.no-border {
    border: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.margin {
    margin: 10px
}

.margin-top {
    margin-top: 10px
}

.margin-bottom {
    margin-bottom: 10px
}

.margin-left {
    margin-left: 10px
}

.margin-right {
    margin-right: 10px
}

.padding {
    padding: 10px
}

.padding-top {
    padding-top: 10px
}

.padding-bottom {
    padding-bottom: 10px
}

.padding-left {
    padding-left: 10px
}

.padding-right {
    padding-right: 10px
}

.padding {
    padding: 10px
}

.padding-top {
    padding-top: 10px
}

.padding-bottom {
    padding-bottom: 10px
}

.padding-left {
    padding-left: 10px
}

.padding-right {
    padding-right: 10px
}

.left, .float-left {
    float: left
}

.right, .float-right {
    float: right
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center, .text-centre {
    text-align: center
}

.element-invisible {
    display: none
}

.hide {
    display: none
}

.skip {
    display: none
}

#search label {
    display: none;
    visibility: hidden
}

p#top {
    margin: 0;
    display: none
}

#header {
    margin: 0;
    padding: 0 0 25px 0;
    background: #49075e url("../images/background/bg-header.gif") repeat-x 0 0;
    color: #efefef;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    float: left;
    clear: both
}

#header-inner {
    margin: 0 auto;
    padding: 0;
    max-width: 960px
}

.lt-ie8 #header-inner {
    height: 98px
}

#header-inner a#uq-logo {
    float: left;
    border-right: 1px solid #c6a9d1;
    margin: 0 12px 0 5px;
    padding: 0 15px 0 0
}

#header-inner a#uq-logo span {
    height: 50px;
    width: 182px;
    display: block;
    text-indent: -9999px;
    margin: 0;
    padding: 0
}

#header-inner a#uq-logo span {
    background: url("../images/logo/masthead-logo.gif") no-repeat 0 0;
    background: transparent url("../images/logo/uq-logo.svg") no-repeat 0 0;
    background-size: 178px 50px
}

#header-inner h2 {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    font: 24px Helvetica, Arial, sans-serif
}

#header-inner h2 a {
    color: #fff
}

#header-inner h2 span {
    float: none;
    display: block;
    margin: 0;
    padding: 0
}

#header-inner h2.one-line {
    margin-top: 10px
}

#header-inner h2.one-line a {
    font-size: 24px
}

#header-inner h2.one-line .site-heading-small {
    font-size: 17px
}

#header-inner h2.two-line {
    margin-top: 5px
}

#header-inner h2.two-line span {
    font-size: 20px
}

#header-inner h2.two-line .site-heading-small {
    font-size: 15px
}

#header-inner h2.three-line {
    margin-top: 0
}

#header-inner h2.three-line span {
    font-size: 18px
}

#header-inner h2.three-line .site-heading-small {
    font-size: 13px
}

#mininav {
    color: #fff;
    font-size: 11px;
    font-weight: lighter;
    float: left;
    clear: both;
    width: 100%
}

#mininav ul {
    margin: 0;
    padding: 5px 0 0 15px;
    list-style: none;
    float: right
}

#mininav ul li {
    margin: 0 1em 0 0;
    padding: 0;
    float: left;
    display: inline
}

#mininav a {
    text-transform: uppercase;
    font: bold 9px Helvetica, "Trebuchet MS", sans-serif;
    letter-spacing: 1px
}

#mininav a:link, #mininav a:visited {
    color: #DFDFDF
}

#mininav a:hover, #mininav a:active {
    color: #fff;
    text-shadow: 0 1px 1px #444;
    text-decoration: none
}

#header #search {
    background: transparent url("../images/form-left.png") no-repeat 0 0;
    float: right;
    margin: 12px 0 0 0
}

#header #search form {
    margin: 0;
    padding: 0;
    width: 210px
}

#header #search form legend {
    display: none
}

#header #search label {
    display: block;
    float: left;
    width: 30px;
    height: 18px
}

#header #search label span {
    display: none
}

#header #search input {
    border: 0 none;
    margin: 0 0 0 30px;
    padding: 4px 0 0 0;
    background: transparent none repeat scroll 0 0;
    float: left;
    width: 142px;
    height: 18px;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, sans-serif
}

#header #search input.submit {
    margin: 0 0 0 3px;
    padding: 0;
    background: transparent url("../images/form-right.png") no-repeat scroll 0 0;
    float: left;
    cursor: pointer;
    width: 20px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden
}

#header #search input.form-submit {
    margin: 0 0 0 3px;
    padding: 0;
    background: transparent url("../images/form-right.png") no-repeat scroll 0 0;
    float: right;
    cursor: pointer;
    width: 30px;
    height: 22px;
    text-indent: -9999px
}

#header #search input.form-text {
    padding-left: 0;
    padding-top: 2px
}

#header #search .form-item, #header #search .form-actions {
    margin: 0;
    padding: 0
}

#secondary-menu {
    margin: 0;
    padding: 12px 0 0 15px;
    float: right;
    clear: right
}

.white-link, .white-link a, .white-link a:link, .white-link a:visited, .white-link a:hover {
    color: #DFDFDF;
    text-transform: uppercase;
    font: bold 9px Helvetica, "Trebuchet MS", sans-serif;
    letter-spacing: 1px
}

#top-menu {
    margin: 0;
    padding: 0;
    background: #000;
    color: #fff;
    display: inline-block;
    width: 100%
}

#top-menu-inner {
    margin: 0 auto;
    padding: 0;
    max-width: 960px
}

#top-menu ul.menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

#top-menu ul.menu li {
    margin: 0 2px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    background: none;
    position: relative
}

#top-menu ul.menu > li:hover a {
    background: #363636
}

#top-menu ul.menu li a {
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 10px 15px 8px 15px;
    text-decoration: none;
    color: #DFDFDF;
    font: 400 11px Arial, Helvetica, 'Trebuchet MS', sans-serif;
    letter-spacing: 1px
}

#top-menu ul.menu li a:visited {
    color: #DFDFDF;
    text-decoration: none
}

#top-menu ul.menu li a:hover {
    background: #363636;
    color: #fff
}

#top-menu ul.menu li a:active {
    background: #61227d
}

#top-menu ul li.active a, #top-menu ul li.active a:hover, #top-menu ul li a.active, #top-menu ul li a.active:hover {
    color: #fff;
    text-decoration: none;
    background: #49075e url("../images/background/topnav-bg-active.gif") repeat-x scroll 0 bottom
}

#top-menu ul.menu ul.menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 250px;
    display: none
}

#top-menu ul.menu ul.menu li {
    border-top: 1px solid #444;
    width: 100%;
    clear: both
}

#top-menu ul.menu ul.menu li:first-child {
    border-top: none
}

#top-menu ul.menu ul.menu li a {
    background: #333
}

#top-menu ul.menu ul.menu li a:hover {
    background: #111
}

@media only screen and (min-width: 768px) {
    #top-menu ul.menu li:hover ul.menu, #top-menu ul.menu li a:hover ul.menu, #top-menu ul.menu li:hover > ul.menu, #top-menu ul.menu li a:hover > ul.menu {
        display: block
    }

    #top-menu ul.menu ul.menu ul.menu {
        display: none
    }
}

.wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 960px
}

.csw {
    width: 100%;
    height: 200px;
    background: #fff;
    overflow: scroll
}

.csw .loading {
    margin: 200px 0 300px 0;
    text-align: center
}

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0
}

.stripViewer {
    position: relative;
    overflow: hidden;
    width: 641px;
    height: 200px
}

.stripViewer .panelContainer {
    position: relative;
    left: 0;
    top: 0
}

.stripViewer .panelContainer .panel {
    float: left;
    height: 100%;
    position: relative;
    width: 641px
}

.stripNavL, .stripNavR, .stripNav {
    display: none
}

#movers-row {
    padding: 0;
    position: relative;
    text-align: center;
    width: 642px
}

#movers-row div {
    margin: 0 auto;
    display: inline;
    position: relative;
    text-align: center
}

.cross-link {
    background: url("../images/icon-slide-off.gif") no-repeat center;
    display: inline;
    float: none;
    padding: 0 .1em !important;
    position: relative;
    z-index: 0
}

.active-thumb {
    background: url("../images/icon-slide-on.gif") no-repeat center
}

.hover-fade-in {
    filter: alpha(opacity=90);
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hover-fade-in:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.hover-fade-out:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.group-hover-fade-in a img {
    filter: alpha(opacity=90);
    opacity: .9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.group-hover-fade-in a img:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.group-hover-fade-out a img:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#page {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    clear: both
}

#page-container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    min-height: 450px;
    clear: both
}

#page-content {
    margin-left: auto;
    margin-right: auto
}

#page-content {
    padding-top: 10px
}

#page-content.no-breadcrumb {
    padding-top: 10px
}

#page-content.breadcrumb {
    padding-top: 0
}

.page-container {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.45);
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.white-container {
    background: #fff
}

.drop-shadow {
    -webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.45);
    box-shadow: 0 2px 5px rgba(50, 50, 50, 0.45)
}

.rounded-top {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#page-head {
    border-bottom: 1px solid #eee;
    margin: 0
}

h1#page-title {
    padding: 20px 20px 30px 0;
    font-size: 32px;
    color: #000;
    margin: 0
}

.breadcrumb {
    font: 400 11px Arial, Helvetica, sans-serif;
    color: #767676
}

.breadcrumb a, .breadCrumb a:visited {
    color: #767676;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit
}

.breadcrumb a:hover {
    text-decoration: underline;
    color: #9312AA
}

.breadcrumb b {
    font: 100 20px/12px arial;
    color: #ccc;
    vertical-align: text-top;
    padding: 0 3px
}

#page-head .breadcrumb {
    width: 100%;
    clear: both;
    margin-top: 10px
}

#content-footer .breadcrumb {
    clear: both;
    padding: 4px 0 4px
}

.hide-breadcrumbs #page-head .breadcrumb {
    display: none
}

.hide-breadcrumbs #content-footer .breadcrumb {
    display: none
}

.hide-page-title #page-title {
    display: none
}

#content-primary {
    font: 400 12px/1.5 verdana, Arial, Helvetica, sans-serif
}

#content-primary, #sidebar-first, #sidebar-second {
    padding-top: 15px
}

table#gradient-style {
    font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 20px 0 0 0;
    padding-top: 20px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    clear: both
}

#gradient-style th {
    font-size: 13px;
    font-weight: 700;
    padding: 6px 8px;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #000
}

#gradient-style td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #373737;
    border-top: 1px solid #fff;
    background: #f5f5f5
}

#gradient-style tfoot tr td {
    background: #E8E8E8;
    font-size: 12px;
    color: #99c
}

#gradient-style tbody tr:hover td {
    background: #d6f7ff url("../images/table-gradhover.png") repeat-x;
    color: #339
}

#gradient-style td h1 {
    font: 700 13px arial;
    padding: 0 0 5px 0;
    margin: 0
}

#content-footer {
    margin: 15px 0 0 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #eee
}

#content-footer span.top {
    border-top: 1px solid #eee;
    float: right;
    width: 70px;
    line-height: 21px;
    padding: 4px 10px 4px 0
}

#content-footer span.top a:link, #pagebase span.top a:active, #pagebase span.top a:visited {
    color: #000;
    display: block;
    font-family: Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
    font-size: 11px;
    font-weight: 700
}

#content-footer span.top a:hover {
    color: #9312AA
}

.sidebar .block {
    margin-bottom: 12px
}

.block-uqevent {
    margin: 0 0 18px 0;
    padding: 8px 12px;
    border: 1px solid #E5E5E5;
    border-radius: 6px
}

.block-uqevent h2 {
    font: 700 16px/1.6 Arial, sans-serif;
    margin-bottom: 6px
}

.block-uqevent .block-content {
    margin: 6px 0
}

.sidebar .accordion-menu {
    width: 100%;
    margin: 0 0 18px 0;
    padding: 0
}

.sidebar .accordion-menu h2.block-title {
    padding: 8px 0 8px 0;
    text-indent: 8px;
    height: auto;
    border-radius: 8px 8px 0 0;
    margin: 0;
    background: #555;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    min-width: 200px
}

.sidebar .accordion-menu h2.block-title a {
    color: inherit;
    font-size: inherit
}

.sidebar .accordion-menu ul.menu {
    list-style: none;
    margin: 0 0 1px 0;
    padding: 0;
    background: #fff;
    min-width: 200px
}

.sidebar .accordion-menu ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}

.sidebar .accordion-menu ul.menu li a {
    display: block;
    padding: 8px;
    color: #444;
    background: #f3f3f3 url("../images/accordion/accordion_headerbg_off.gif") repeat-x 0 100%;
    text-decoration: none;
    font: 700 11px Arial;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #F5F5F5
}

.sidebar .accordion-menu ul.menu li a:visited {
    color: #333
}

.sidebar .accordion-menu ul.menu li a:hover {
    color: #000
}

.sidebar .accordion-menu ul.menu li a.active, .sidebar .accordion-menu ul.menu li a.active-trail {
    background: #60ae0c url("../images/accordion/accordion_headerbg_on.gif") repeat-x 0 100%;
    color: #fff
}

.sidebar .accordion-menu ul.menu ul {
    border: 0;
    margin: 0
}

.sidebar .accordion-menu ul.menu ul li {
    border: 0;
    border-top: 1px dotted #ccc
}

.sidebar .accordion-menu ul.menu ul li.first, .sidebar .accordion-menu ul.menu ul li:first-child {
    border: 0
}

.sidebar .accordion-menu ul.menu li ul li a {
    text-transform: none;
    font-size: 12px;
    background: transparent url("../images/menu-arrow.gif") no-repeat 9px 12px;
    padding-left: 20px;
    text-shadow: none
}

.sidebar .accordion-menu ul.menu ul li a {
    color: #1E88B5;
    background: none
}

.sidebar .accordion-menu ul.menu ul li a:visited {
    color: #1E88B5
}

.sidebar .accordion-menu ul.menu ul li a:hover {
    color: #333;
    background-color: #f9f9f9
}

.sidebar .accordion-menu ul.menu li a.active, .sidebar .accordion-menu ul.menu li a.active-trail {
    background: #60ae0c url("../images/accordion/accordion_headerbg_on.gif") repeat-x 0 100%;
    color: #fff;
    text-shadow: 0 1px 1px #39892f
}

.sidebar .accordion-menu ul.menu ul li a.active {
    background: #fff url("../images/menu-arrow.gif") no-repeat 9px 12px;
    text-transform: none;
    color: #000;
    text-shadow: none
}

.sidebar .accordion-menu ul.menu ul ul {
    border-top: 1px dashed #eee;
    border-bottom: 1px solid #ccc
}

.sidebar .accordion-menu ul.menu ul ul li a {
    padding-left: 35px;
    font-weight: 400;
    background: #fff
}

.sidebar .accordion-menu ul.menu ul ul li.active a, .sidebar .accordion-menu ul.menu ul ul li a.active {
    background: #f3f8e5
}

.sidebar .accordion-menu .active-trail ul.menu .active-trail {
    background: transparent url("../images/menu-arrow.gif") no-repeat 9px 12px;
    text-shadow: none;
    color: #000
}

.sidebar .taxonomy-menu {
    margin-bottom: 1.5em
}

.sidebar .taxonomy-menu h2 {
    font: bold 15px/1 Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #222222;
    margin-bottom: 0.5em
}

.sidebar .taxonomy-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar .taxonomy-menu ul li {
    margin: 0;
    padding: 0
}

.sidebar .taxonomy-menu ul li a {
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 0.5em 0.3em;
    border-bottom: 1px solid #F0F0F0;
    font: normal 14px/1.2 Arial, Helvetica, sans-serif
}

.sidebar .taxonomy-menu ul li li a {
    padding-left: 1.5em
}

.sidebar .taxonomy-menu ul li a.facetapi-active {
    background: #E5F4F7;
    border-bottom: 1px solid #CCE9F0
}

.sidebar .taxonomy-menu a.facetapi-limit-link {
    padding: 0.5em 0.3em;
    display: block;
    text-align: center
}

#footer {
    background: #49075e url("../images/background/bg-footer.gif") repeat-x 0 0;
    clear: both;
    margin: 0;
    padding: 40px 0;
    color: #fbe7ff;
    display: inline-block;
    width: 100%
}

#footer-inner {
    max-width: 960px;
    margin: 0 auto
}

#footer-inner .fcol {
    float: left;
    margin: 0 1%;
    min-height: 180px
}

#footer-inner .fcol1 {
    width: 24%;
    margin: 0;
    padding: 0 2% 0 0;
    border-right: 1px dotted #D9B8FA
}

#footer-inner .fcol2 {
    width: 20%;
    margin: 0 1% 0 2%
}

#footer-inner .fcol3 {
    width: 16%
}

#footer-inner .fcol4 {
    width: 20%;
    margin: 0;
    padding: 0 0 0 2%;
    border-left: 1px dotted #D9B8FA
}

#footer-inner .fcol5 {
    width: 12%;
    margin: 0 0 0 1%
}

#footer-inner h3 {
    margin: 0 0 6px;
    color: #EAB8FA;
    font: 500 12px Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#footer-inner p, #footer-inner #uq-address, #footer-inner li {
    color: #fff;
    font: 500 11px Arial, sans-serif
}

#footer-inner ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#footer-inner li {
    margin: 0 0 6px;
    padding: 0 0 0 12px;
    background: transparent url("../images/arrow.png") no-repeat scroll 0 2px
}

#footer-inner a {
    border-bottom: 1px solid #6C5D5E;
    color: #fff
}

#footer-inner a img {
    border: 0
}

#footer-inner a:hover {
    border-bottom: 1px solid #493b3c;
    text-decoration: none;
    color: #ddd4d5
}

#footer-address a.uq-logo {
    display: block;
    background: url("../images/logo/uq-logo.gif") no-repeat 0 0;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../images/logo/uq-logo.svg");
    background-image: -moz-linear-gradient(transparent, transparent), url("../images/logo/uq-logo.svg");
    background-image: linear-gradient(transparent, transparent), url("../images/logo/uq-logo.svg");
    background-size: auto 38px;
    height: 38px;
    width: 150px;
    text-indent: -9999px;
    border: 0;
    margin: 0 0 10px 0
}

#footer-address address {
    font-style: normal;
    margin-bottom: 5px
}

#footer-address p {
    margin: 0 0 9px 0
}

#footer-mandatory .member-logo a:first-child {
    margin-right: 8px
}

#footer-mandatory .member-logo a.last {
    margin-left: 8px
}

#footer-mandatory .member-logo a {
    border: none
}

#footer-mandatory .member-logo a.go8 {
    margin-top: 8px;
    display: block
}

#footer-mandatory .authorised-by h2 {
    margin: 0 6px 0 0;
    float: left;
    color: #fff;
    font: 500 11px Arial, sans-serif
}

#footer-mandatory p {
    margin: 0
}

#footer-mandatory p.terms {
    margin: 10px 0 10px 0
}

#footer-quicknav ul {
    margin: 0 0 20px 0
}

#footer-quicknav a, #footer-explore a {
    font: normal 11px Verdana, Geneva, sans-serif
}

#footer-help a.btn {
    text-decoration: none;
    border: 0;
    display: block;
    width: 102px;
    height: 28px;
    text-indent: -999px;
    overflow: hidden;
    background: transparent url("../images/button-uqanswers.png") no-repeat;
    opacity: 0.9
}

#footer-help a.btn:hover {
    opacity: 1
}

#footer-quicknav .social-links li {
    float: left;
    padding: 0;
    background: none;
    margin: 0 10px 10px 0
}

#footer-quicknav .social-links li a {
    border: 0
}

#footer-quicknav .social-links li a:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.front #page-head {
    border-bottom: none
}

.taxonomy-term-description {
    margin: 0
}

.meta.submitted {
    margin-bottom: 12px
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

body.default-width, body.full-width, body.xlarge-width, body.large-width, body.extended-width {
    width: 100%;
    max-width: 100%
}

body.full-width #header-inner, body.full-width #top-menu-inner, body.full-width #page, body.full-width #footer-inner, #header-inner.full-width, #top-menu-inner.full-width, #page.full-width, #footer-inner.full-width {
    width: auto;
    max-width: 100%
}

body.xlarge-width #header-inner, body.xlarge-width #top-menu-inner, body.xlarge-width #page, body.xlarge-width #footer-inner, #header-inner.xlarge-width, #top-menu-inner.xlarge-width, #page.xlarge-width, #footer-inner.xlarge-width {
    width: auto;
    max-width: 1380px
}

body.large-width #header-inner, body.large-width #top-menu-inner, body.large-width #page, body.large-width #footer-inner, #header-inner.large-width, #top-menu-inner.large-width, #page.large-width, #footer-inner.large-width {
    width: auto;
    max-width: 1140px
}

body.extended-width #header-inner, body.extended-width #top-menu-inner, body.extended-width #page, body.extended-width #footer-inner, #header-inner.extended-width, #top-menu-inner.extended-width, #page.extended-width, #footer-inner.extended-width {
    width: auto;
    max-width: 1000px
}

body.default-width #top-menu-inner, body.default-width #top-menu-inner, body.default-width #page, body.default-width #footer-inner, #header-inner.default-width, #top-menu-inner.default-width, #page.default-width, #footer-inner.default-width {
    width: auto;
    max-width: 960px
}

body.small-width #top-menu-inner, body.small-width #top-menu-inner, body.small-width #page, body.small-width #footer-inner, #header-inner.small-width, #top-menu-inner.small-width, #page.small-width, #footer-inner.small-width {
    width: auto;
    max-width: 580px
}

#header-inner.full-width .row, #top-menu-inner.full-width .row, #page.full-width .row, #footer-inner.full-width .row, .full-width, .full-width .row, .row.full-width {
    max-width: 100%
}

#header-inner.xlarge-width .row, #top-menu-inner.xlarge-width .row, #page.xlarge-width .row, #footer-inner.xlarge-width .row, .xlarge-width, .xlarge-width .row, .row.xlarge-width {
    max-width: 1380px
}

#header-inner.large-width .row, #top-menu-inner.large-width .row, #page.large-width .row, #footer-inner.large-width .row, .large-width, .large-width .row, .row.large-width {
    max-width: 1140px
}

#header-inner.extended-width .row, #top-menu-inner.extended-width .row, #page.extended-width .row, #footer-inner.extended-width .row, .extended-width, .extended-width .row, .row.extended-width {
    max-width: 1000px
}

#header-inner.default-width .row, #top-menu-inner.default-width .row, #page.default-width .row, #footer-inner.default-width .row, .default-width, .default-width .row, .row.default-width {
    max-width: 960px
}

#header-inner.small-width .row, #top-menu-inner.small-width .row, #page.small-width .row, #footer-inner.small-width .row, .small-width, .small-width .row, .row.small-width {
    max-width: 580px
}

.default-width, .full-width, .xlarge-width, .large-width, .extended-width .row, .default-width .row, .full-width .row, .xlarge-width .row, .large-width .row, .extended-width .row, .small-width .row {
    width: auto
}

.default-margin, .default-margins {
    margin-top: 10px;
    margin-bottom: 10px
}

.default-padding {
    padding-left: 15px;
    padding-right: 15px
}

.lt-ie9 .page-container {
    border: 1px solid #ccc
}

@media only screen and (max-width: 767px) {
    .column:last-child, .columns:last-child {
        float: none !important
    }
}

.row {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    clear: both
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse > .row, .row.collapse > .columns > .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px
}

.row .row.collapse {
    width: auto;
    margin-left: 0;
    margin-right: 0
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.row .row.nested.collapse {
    margin-left: -15px;
    margin-right: -15px
}

.column, .columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative
}

.column.centered, .columns.centered {
    float: none;
    margin: 0 auto
}

[class*="column"] + [class*="column"]:last-child {
    float: right
}

[class*="column"] + [class*="column"].end {
    float: left
}

.one, .row .one {
    width: 8.33333%
}

.two, .row .two {
    width: 16.66667%
}

.three, .row .three {
    width: 25%
}

.four, .row .four {
    width: 33.33333%
}

.five, .row .five {
    width: 41.66667%
}

.six, .row .six {
    width: 50%
}

.seven, .row .seven {
    width: 58.33333%
}

.eight, .row .eight {
    width: 66.66667%
}

.nine, .row .nine {
    width: 75%
}

.ten, .row .ten {
    width: 83.33333%
}

.eleven, .row .eleven {
    width: 91.66667%
}

.twelve, .row .twelve {
    width: 100%
}

.row .offset-by-one {
    margin-left: 8.33333%
}

.row .offset-by-two {
    margin-left: 16.66667%
}

.row .offset-by-three {
    margin-left: 25%
}

.row .offset-by-four {
    margin-left: 33.33333%
}

.row .offset-by-five {
    margin-left: 41.66667%
}

.row .offset-by-six {
    margin-left: 50%
}

.row .offset-by-seven {
    margin-left: 58.33333%
}

.row .offset-by-eight {
    margin-left: 66.66667%
}

.row .offset-by-nine {
    margin-left: 75%
}

.row .offset-by-ten {
    margin-left: 83.33333%
}

.push-two {
    left: 16.66667%
}

.pull-two {
    right: 16.66667%
}

.push-three {
    left: 25%
}

.pull-three {
    right: 25%
}

.push-four {
    left: 33.33333%
}

.pull-four {
    right: 33.33333%
}

.push-five {
    left: 41.66667%
}

.pull-five {
    right: 41.66667%
}

.push-six {
    left: 50%
}

.pull-six {
    right: 50%
}

.push-seven {
    left: 58.33333%
}

.pull-seven {
    right: 58.33333%
}

.push-eight {
    left: 66.66667%
}

.pull-eight {
    right: 66.66667%
}

.push-nine {
    left: 75%
}

.pull-nine {
    right: 75%
}

.push-ten {
    left: 83.33333%
}

.pull-ten {
    right: 83.33333%
}

img, object, embed {
    max-width: 100%;
    height: auto
}

object, embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

iframe.video {
    width: 100%;
    height: 100%
}

.flex-video {
    position: relative;
    padding-top: 1.5625em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1em;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.googlemap img, #googlemap img, object, embed {
    max-width: none
}

.map_canvas embed, #map_canvas embed {
    max-width: none
}

.map_canvas img, #map_canvas img {
    max-width: none !important
}

.map_canvas object, #map_canvas object {
    max-width: none
}

.row {
    *zoom: 1
}

.row:before, .row:after {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.block-grid {
    display: block;
    overflow: hidden;
    padding: 0
}

.block-grid > li {
    display: block;
    height: auto;
    float: left
}

.block-grid.one-up {
    margin: 0;
    margin: 0 -8px
}

.block-grid.one-up > li {
    width: 100%;
    padding: 0 0 15px;
    padding: 0 8px 8px
}

.block-grid.two-up {
    margin: 0 -15px;
    margin: 0 -8px
}

.block-grid.two-up > li {
    width: 50%;
    padding: 0 15px 15px;
    padding: 0 8px 8px
}

.block-grid.two-up > li:nth-child(2n+1) {
    clear: both
}

.block-grid.three-up {
    margin: 0 -12px;
    margin: 0 -8px
}

.block-grid.three-up > li {
    width: 33.33333%;
    padding: 0 12px 12px;
    padding: 0 8px 8px
}

.block-grid.three-up > li:nth-child(3n+1) {
    clear: both
}

.block-grid.four-up {
    margin: 0 -10px
}

.block-grid.four-up > li {
    width: 25%;
    padding: 0 10px 10px
}

.block-grid.four-up > li:nth-child(4n+1) {
    clear: both
}

.block-grid.five-up {
    margin: 0 -8px
}

.block-grid.five-up > li {
    width: 20%;
    padding: 0 8px 8px
}

.block-grid.five-up > li:nth-child(5n+1) {
    clear: both
}

.block-grid.six-up {
    margin: 0 -8px
}

.block-grid.six-up > li {
    width: 16.66667%;
    padding: 0 8px 8px
}

.block-grid.six-up > li:nth-child(6n+1) {
    clear: both
}

.block-grid.seven-up {
    margin: 0 -8px
}

.block-grid.seven-up > li {
    width: 14.28571%;
    padding: 0 8px 8px
}

.block-grid.seven-up > li:nth-child(7n+1) {
    clear: both
}

.block-grid.eight-up {
    margin: 0 -8px
}

.block-grid.eight-up > li {
    width: 12.5%;
    padding: 0 8px 8px
}

.block-grid.eight-up > li:nth-child(8n+1) {
    clear: both
}

.block-grid.nine-up {
    margin: 0 -8px
}

.block-grid.nine-up > li {
    width: 11.11111%;
    padding: 0 8px 8px
}

.block-grid.nine-up > li:nth-child(9n+1) {
    clear: both
}

.block-grid.ten-up {
    margin: 0 -8px
}

.block-grid.ten-up > li {
    width: 10%;
    padding: 0 8px 8px
}

.block-grid.ten-up > li:nth-child(10n+1) {
    clear: both
}

.block-grid.eleven-up {
    margin: 0 -8px
}

.block-grid.eleven-up > li {
    width: 9.09091%;
    padding: 0 8px 8px
}

.block-grid.eleven-up > li:nth-child(11n+1) {
    clear: both
}

.block-grid.twelve-up {
    margin: 0 -8px
}

.block-grid.twelve-up > li {
    width: 8.33333%;
    padding: 0 8px 8px
}

.block-grid.twelve-up > li:nth-child(12n+1) {
    clear: both
}

.item-list .block-grid > li, .block-grid > li {
    margin: 0
}

.black, a.black {
    color: #000
}

.white, a.white {
    color: #fff
}

.dark-grey, a.dark-grey {
    color: #333333
}

.grey, a.grey {
    color: #949494
}

.light-grey, a.light-grey {
    color: #F0F0F0
}

.uq-purple, a.uq-purple {
    color: #49075e
}

.uq-green, a.uq-green {
    color: #8cb800
}

.uq-gold, a.uq-gold {
    color: #bda14e
}

.uq-red, a.uq-red {
    color: #aa0041
}

.uq-yellow, a.uq-yellow {
    color: #ffc82e
}

.uq-aqua, a.uq-aqua {
    color: #0091b5
}

.uq-blue, a.uq-blue {
    color: #3a7dda
}

.uq-emerald, a.uq-emerald {
    color: #39892f
}

.uq-warm-red, a.uq-warm-red {
    color: #d6492a
}

.purple-bg, .uq-purple-bg {
    background-color: #49075e !important
}

.green-bg, .uq-green-bg {
    background-color: #8cb800 !important
}

.gold-bg, .uq-gold-bg {
    background-color: #bda14e !important
}

.red-bg, .uq-red-bg {
    background-color: #aa0041 !important
}

.yellow-bg, .uq-yellow-bg {
    background-color: #ffc82e !important
}

.aqua-bg, .uq-aqua-bg {
    background-color: #0091b5 !important
}

.blue-bg, .uq-blue-bg {
    background-color: #3a7dda !important
}

.emerald-bg, .uq-emerald-bg {
    background-color: #39892f !important
}

.warm-red-bg, .uq-warm-red-bg {
    background-color: #d6492a !important
}

.black-bg, th .black-bg, td .black-bg {
    background: #000 !important
}

.white-bg, th .white-bg, td .white-bg {
    background: #fff !important
}

.dark-grey-bg, th .dark-grey-bg, td .dark-grey-bg {
    background: #333333 !important
}

.grey-bg, th .dark-grey-bg, td .dark-grey-bg {
    background: #999999 !important
}

.light-grey-bg, th .light-grey-bg, td .light-grey-bg {
    background: #F0F0F0 !important
}

.highlight {
    background: #FFFFBF
}

.sand {
    background: #efece5 url("../images/background/bg-sand.png") !important
}

.grey-gradient {
    background-image: -webkit-linear-gradient(top, #f4f4f4, #d2d2d2);
    background-image: -moz-linear-gradient(top, #f4f4f4, #d2d2d2);
    background-image: -ms-linear-gradient(top, #f4f4f4, #d2d2d2);
    background-image: -o-linear-gradient(top, #f4f4f4, #d2d2d2);
    background-image: linear-gradient(top, #f4f4f4, #d2d2d2)
}

.field-label {
    display: block;
    font-weight: 700
}

.field-items {
    display: block
}

.field {
    margin-bottom: 9px
}

.field-label-inline .field-label {
    display: inline
}

.field-type-entityreference.field-label-inline .field-items, .field-type-taxonomy-term-reference.field-label-inline .field-items, .field-type-list-text.field-label-inline .field-items, .field-type-text.field-label-inline .field-items, .field-type-number-integer.field-label-inline .field-items {
    display: inline-block
}

.field-label-inline .field-label {
    display: inline
}

.field-label-inline .field-items {
    display: inline
}

.field-collection-container {
    border: 0;
    margin: 0
}

.field-collection-view {
    padding: 0;
    margin: 0;
    border-bottom: 0
}

.field-collection-container .field-items .field-item {
    margin: 0
}

.file {
    margin-bottom: 9px
}

.panel {
    margin: 0 auto 12px auto;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15)
}

.panel .panel {
    margin-bottom: 0
}

.panel.no-shadow {
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.panel.no-border {
    border: 0
}

.panel.padded {
    padding: 12px
}

.panel > h2, .panel > h3 {
    margin-bottom: 0;
    padding: 12px 9px;
    color: #fff;
    font-weight: bold;
    background: #333;
    border-top: 1px solid #000
}

.panel > h2 a, .panel > h3 a {
    color: #E1F1F4
}

.panel > h2 {
    font-size: 16px
}

.panel > h3 {
    font-size: 14px
}

.panel > img {
    display: block
}

.panel-description {
    padding: 20px 12px 0 12px;
    background: rgba(248, 248, 248, 0.75);
    border-bottom: 1px solid #ddd
}

.panel-description code {
    background-color: #fff;
    white-space: nowrap
}

.panel-description.small {
    padding: 12px 12px 0 12px
}

.panel-description.small p {
    margin-bottom: 12px
}

.panel-html {
    padding: 12px;
    background: #E1F1F4;
    border-top: 1px solid #dde7ea;
    overflow: auto;
    font-size: 12px;
    color: #000
}

.panel-element {
    position: relative;
    padding: 12px
}

.panel.green > h3 {
    background-color: #94C43A;
    border-top: 1px solid #7EA731
}

.panel-description.sand {
    background-color: #EFF6E2
}

.panel.yellow > h3 {
    background-color: #EBD11C;
    border-top: 1px solid #DFC118;
    color: #000
}

.panel-description.yellow {
    background-color: #F9F1BA
}

.panel.blue > h3 {
    background-color: #678FC8;
    border-top: 1px solid #587AB2;
    color: #fff
}

.panel-description.blue {
    background-color: #D1DDEE;
    border-bottom: 1px solid #B8C6DE
}

.panel-element.blue {
    background-color: #E8EEF7
}

.panel.warm-red > h3 {
    background-color: #C85727;
    border-top: 1px solid #AA4A21;
    color: #fff
}

.panel-description.warm-red {
    background-color: #F7E6DF;
    border-bottom: 1px solid #EECCBE
}

code {
    margin: 0 2px;
    padding: 0 5px;
    border: 1px solid silver;
    background-color: #f8f8f8;
    border-radius: 3px
}

.panel-html pre, .markup pre, .markup code, .markup tt {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-size: 12px
}

.markup pre {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #000;
    line-height: 19px;
    overflow: auto;
    padding: 6px 12px;
    border-radius: 3px;
    margin: 0 0 12px 0
}

label {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin-bottom: 3px
}

label.right {
    float: none;
    text-align: right
}

label.inline {
    line-height: 32px;
    margin: 0 0 12px 0;
    display: inline
}

.prefix, .postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    line-height: 31px
}

a.button.prefix, a.button.postfix {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

span.prefix, span.postfix {
    background: #f2f2f2;
    border: 1px solid #cccccc
}

.prefix {
    left: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden
}

.postfix {
    right: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-family: Helvetica, Arial, sans-serif;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear
}

input[type="submit"] {
    cursor: pointer
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
    font-size: 17px;
    padding: 4px 6px
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fafafa;
    outline: none !important;
    border-color: #b3b3b3
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled], input[type="submit"][disabled] {
    background-color: #ddd;
    cursor: not-allowed
}

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-placeholder {
    color: #999
}

textarea {
    height: auto
}

select {
    width: 100%;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 12px
}

select option {
    margin: 3px
}

fieldset {
    border: 1px solid #ccc;
    padding: 8px;
    margin: 0 0 14px 0
}

fieldset legend {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #4d4d4d
}

fieldset.grey-bg {
    background-color: #F5F5F5
}

fieldset.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.error input, input.error, .error textarea, textarea.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1)
}

.error label, label.error {
    color: #c60f13
}

.error small, small.error {
    display: block;
    padding: 6px 4px;
    margin-top: -13px;
    margin-bottom: 12px;
    background: #c60f13;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.error textarea:focus, textarea.error:focus {
    background: #fafafa;
    border-color: #b3b3b3
}

.marker, .form-required {
    color: #e00
}

input .form-required {
    color: #660000
}

div.messages {
    display: block;
    padding: 6px 12px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

div.messages.success {
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6
}

div.messages.error {
    color: #ae3f3d;
    background-color: #F2DEDE;
    border-color: #EED3D7
}

div.messages.warning {
    color: #C09853;
    background-color: #FCF8E3;
    border: 1px solid #FBEED5
}

div.messages.info, div.messages.status {
    color: #216d93;
    background-color: #D9EDF7;
    border-color: #BCE8F1
}

div.messages a.close {
    color: #333;
    position: absolute;
    right: 4px;
    top: -1px;
    font-size: 17px;
    opacity: 0.2;
    padding: 4px
}

div.messages a.close:hover, div.messages a.close:focus {
    opacity: 0.4
}

div.messages ul {
    margin-bottom: 0
}

.container-inline-date .date-padding {
    padding: 0;
    float: left
}

.form-type-date-popup .description {
    display: none
}

.form-item, .form-actions {
    margin-top: 0;
    margin-bottom: 1em
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: auto !important
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    width: 100%
}

.select2-drop, .select2-choice, .select2-search input {
    font-family: Arial, sans-serif
}

.select2-drop .select2-search input {
    background: #fff url("select2.png") no-repeat 100% -22px
}

.button {
    width: auto;
    background-color: #eeeded;
    background-image: -moz-linear-gradient(top, #eeeded, #cecece);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeded), to(#cecece));
    background-image: -webkit-linear-gradient(top, #eeeded, #cecece);
    background-image: -o-linear-gradient(top, #eeeded, #cecece);
    background-image: linear-gradient(to bottom, #eeeded, #cecece);
    border: 1px solid #c0c0c0;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #1d1d1d;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/1 Arial, Helvetica, sans-serif;
    margin: 0;
    outline: none;
    padding: 8px 17px 9px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle
}

.button a:link, .button:link, .button a:visited, .button:visited {
    color: #1d1d1d
}

.button a:hover, .button:hover {
    color: #1d1d1d;
    background: #cecece none;
    text-decoration: none;
    box-shadow: none
}

.button a:active, .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
}

.button a:focus, .button:focus {
    -webkit-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.large {
    font-size: 17px;
    padding: 15px 30px 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.button.medium {
    font-size: 13px;
    padding: 6px 18px 7px
}

.button.small {
    font-size: 11px;
    padding: 6px 13px 7px
}

.button.tiny {
    font-size: 10px;
    padding: 4px 9px 5px
}

.button.expand {
    width: 100%;
    text-align: center
}

.button.full-width {
    width: 100%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important
}

.button.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

.button.primary, .button.blue {
    border-color: #227a95;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #2ba6cb;
    background-image: -moz-linear-gradient(top, #2ba6cb, #1485a7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba6cb), to(#1485a7));
    background-image: -webkit-linear-gradient(top, #2ba6cb, #1485a7);
    background-image: -o-linear-gradient(top, #2ba6cb, #1485a7);
    background-image: linear-gradient(to bottom, #2ba6cb, #1485a7)
}

.button.primary:hover, .button.blue:hover {
    background: #1485a7 none
}

.button.primary:focus, .button.blue:focus {
    -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.success, .button.green {
    border-color: #3f7b0e;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #5da423;
    background-image: -moz-linear-gradient(top, #5da423, #478713);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5da423), to(#478713));
    background-image: -webkit-linear-gradient(top, #5da423, #478713);
    background-image: -o-linear-gradient(top, #5da423, #478713);
    background-image: linear-gradient(to bottom, #5da423, #478713)
}

.button.success:hover, .button.green:hover {
    background: #478713 none
}

.button.success:focus, .button.green:focus {
    -webkit-box-shadow: 0 0 4px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.alert, .button.red {
    border-color: #960407;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #c60f13;
    background-image: -moz-linear-gradient(top, #c60f13, #a8070b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c60f13), to(#a8070b));
    background-image: -webkit-linear-gradient(top, #c60f13, #a8070b);
    background-image: -o-linear-gradient(top, #c60f13, #a8070b);
    background-image: linear-gradient(to bottom, #c60f13, #a8070b)
}

.button.alert:hover, .button.red:hover {
    background: #a8070b none
}

.button.alert:focus, .button.red:focus {
    -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.black {
    border-color: #444;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #444;
    background-image: -moz-linear-gradient(top, #444, #000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#000));
    background-image: -webkit-linear-gradient(top, #444, #000);
    background-image: -o-linear-gradient(top, #444, #000);
    background-image: linear-gradient(to bottom, #444, #000)
}

.button.black:hover {
    background: #000 none
}

.button.black:focus {
    -webkit-box-shadow: 0 0 4px #444, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #444, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #444, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-purple {
    border-color: #1e0027;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #49075e;
    background-image: -moz-linear-gradient(top, #49075e, #2d003b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49075e), to(#2d003b));
    background-image: -webkit-linear-gradient(top, #49075e, #2d003b);
    background-image: -o-linear-gradient(top, #49075e, #2d003b);
    background-image: linear-gradient(to bottom, #49075e, #2d003b)
}

.button.uq-purple:hover {
    background: #2d003b none
}

.button.uq-purple:focus {
    -webkit-box-shadow: 0 0 4px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-green {
    border-color: #688801;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #8cb800;
    background-image: -moz-linear-gradient(top, #8cb800, #7aa000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8cb800), to(#7aa000));
    background-image: -webkit-linear-gradient(top, #8cb800, #7aa000);
    background-image: -o-linear-gradient(top, #8cb800, #7aa000);
    background-image: linear-gradient(to bottom, #8cb800, #7aa000)
}

.button.uq-green:hover {
    background: #7aa000 none
}

.button.uq-green:focus {
    -webkit-box-shadow: 0 0 4px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-gold {
    border-color: #a68c3e;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #bda14e;
    background-image: -moz-linear-gradient(top, #bda14e, #a68c3e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bda14e), to(#a68c3e));
    background-image: -webkit-linear-gradient(top, #bda14e, #a68c3e);
    background-image: -o-linear-gradient(top, #bda14e, #a68c3e);
    background-image: linear-gradient(to bottom, #bda14e, #a68c3e)
}

.button.uq-gold:hover {
    background: #a68c3e none
}

.button.uq-gold:focus {
    -webkit-box-shadow: 0 0 4px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-red {
    border-color: #aa0041;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #aa0041;
    background-image: -moz-linear-gradient(top, #aa0041, #870034);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa0041), to(#870034));
    background-image: -webkit-linear-gradient(top, #aa0041, #870034);
    background-image: -o-linear-gradient(top, #aa0041, #870034);
    background-image: linear-gradient(to bottom, #aa0041, #870034)
}

.button.uq-red:hover {
    background: #870034 none
}

.button.uq-red:focus {
    -webkit-box-shadow: 0 0 4px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-yellow {
    border-color: #c59612;
    color: #000;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
    background-color: #ffc82e;
    background-image: -moz-linear-gradient(top, #ffc82e, #d9a71c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc82e), to(#d9a71c));
    background-image: -webkit-linear-gradient(top, #ffc82e, #d9a71c);
    background-image: -o-linear-gradient(top, #ffc82e, #d9a71c);
    background-image: linear-gradient(to bottom, #ffc82e, #d9a71c)
}

.button.uq-yellow:hover {
    background: #d9a71c none
}

.button.uq-yellow:focus {
    -webkit-box-shadow: 0 0 4px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-aqua {
    border-color: #006179;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #0091b5;
    background-image: -moz-linear-gradient(top, #0091b5, #007390);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091b5), to(#007390));
    background-image: -webkit-linear-gradient(top, #0091b5, #007390);
    background-image: -o-linear-gradient(top, #0091b5, #007390);
    background-image: linear-gradient(to bottom, #0091b5, #007390)
}

.button.uq-aqua:hover {
    background: #007390 none
}

.button.uq-aqua:focus {
    -webkit-box-shadow: 0 0 4px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-blue {
    border-color: #1c56a6;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #3a7dda;
    background-image: -moz-linear-gradient(top, #3a7dda, #2663b8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7dda), to(#2663b8));
    background-image: -webkit-linear-gradient(top, #3a7dda, #2663b8);
    background-image: -o-linear-gradient(top, #3a7dda, #2663b8);
    background-image: linear-gradient(to bottom, #3a7dda, #2663b8)
}

.button.uq-blue:hover {
    background: #2663b8 none
}

.button.uq-blue:focus {
    -webkit-box-shadow: 0 0 4px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-emerald {
    border-color: #1d5b16;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #39892f;
    background-image: -moz-linear-gradient(top, #39892f, #276c1f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#39892f), to(#276c1f));
    background-image: -webkit-linear-gradient(top, #39892f, #276c1f);
    background-image: -o-linear-gradient(top, #39892f, #276c1f);
    background-image: linear-gradient(to bottom, #39892f, #276c1f)
}

.button.uq-emerald:hover {
    background: #276c1f none
}

.button.uq-emerald:focus {
    -webkit-box-shadow: 0 0 4px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.uq-warm-red {
    border-color: #a92f13;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #d6492a;
    background-image: -moz-linear-gradient(top, #d6492a, #ba381b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6492a), to(#ba381b));
    background-image: -webkit-linear-gradient(top, #d6492a, #ba381b);
    background-image: -o-linear-gradient(top, #d6492a, #ba381b);
    background-image: linear-gradient(to bottom, #d6492a, #ba381b)
}

.button.uq-warm-red:hover {
    background: #ba381b none
}

.button.uq-warm-red:focus {
    -webkit-box-shadow: 0 0 4px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 4px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 4px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.button.white > a {
    color: #fff
}

.button > a:hover {
    background: none
}

.button.disabled, .button[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

.button.disabled:hover, .button[disabled]:hover {
    background: #e4e4e4
}

.button.disabled.success, .button[disabled].success {
    background-color: #5da423
}

.button.disabled.success:hover, .button[disabled].success:hover {
    background-color: #5da423
}

.button.disabled.alert, .button[disabled].alert {
    background-color: #c60f13
}

.button.disabled.alert:hover, .button[disabled].alert:hover {
    background-color: #c60f13
}

.button.disabled.primary, .button[disabled].primary {
    background-color: #2ba6cb
}

.button.disabled.primary:hover, .button[disabled].primary:hover {
    background-color: #2ba6cb
}

input[type=submit].button, button.button {
    -webkit-appearance: none
}

@-moz-document url-prefix() {
    button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
        padding: 0
    }
    input[type="submit"].tiny.button {
        padding: 3px 10px 4px
    }
    input[type="submit"].small.button {
        padding: 5px 14px 6px
    }
    input[type="submit"].medium.button {
        padding: 6px 18px 7px
    }
    input[type="submit"].button {
        padding: 8px 20px 9px
    }
    input[type="submit"].large.button {
        padding: 13px 30px 14px
    }
}

.button.dropdown {
    position: relative;
    padding-right: 44px
}

.button.dropdown.large {
    padding-right: 60px
}

.button.dropdown.small {
    padding-right: 28px
}

.button.dropdown.tiny {
    padding-right: 20px
}

.button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: white transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.button.dropdown.large:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: white transparent transparent transparent;
    margin-top: -3px;
    right: 30px
}

.button.dropdown.small:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: white transparent transparent transparent;
    margin-top: -2px;
    right: 14px
}

.button.dropdown.tiny:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: white transparent transparent transparent;
    margin-top: -1px;
    right: 10px
}

.button.dropdown > ul {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    left: -1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    border-top: none;
    min-width: 100%;
    z-index: 40
}

.button.dropdown > ul li {
    width: 100%;
    cursor: pointer;
    padding: 0;
    min-height: 18px;
    line-height: 18px;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

.button.dropdown > ul li a {
    display: block;
    color: #555;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 14px;
    text-align: left
}

.button.dropdown > ul li:hover {
    background-color: #e3f4f9;
    color: #222
}

.button.dropdown > ul li.divider {
    min-height: 0;
    padding: 0;
    height: 1px;
    margin: 4px 0;
    background: #ededed
}

.button.dropdown.up > ul {
    border-top: 1px solid #cccccc;
    border-bottom: none
}

.button.dropdown ul.no-hover.show-dropdown {
    display: block !important
}

.button.dropdown:hover > ul.no-hover {
    display: none
}

.button.dropdown.split {
    padding: 0;
    position: relative
}

.button.dropdown.split:after {
    display: none
}

.button.dropdown.split:hover {
    background-color: #2ba6cb
}

.button.dropdown.split.alert:hover {
    background-color: #c60f13
}

.button.dropdown.split.success:hover {
    background-color: #5da423
}

.button.dropdown.split > a {
    color: white;
    display: block;
    padding: 10px 50px 11px 20px;
    padding-left: 20px;
    padding-right: 50px;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.button.dropdown.split > a:hover {
    background-color: #2284a1
}

.button.dropdown.split.large > a {
    padding: 15px 75px 16px 30px;
    padding-left: 30px;
    padding-right: 75px
}

.button.dropdown.split.small > a {
    padding: 7px 35px 8px 14px;
    padding-left: 14px;
    padding-right: 35px
}

.button.dropdown.split.tiny > a {
    padding: 5px 25px 6px 10px;
    padding-left: 10px;
    padding-right: 25px
}

.button.dropdown.split > span {
    background-color: #2ba6cb;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    border-left: 1px solid #1e728c;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.button.dropdown.split > span:hover {
    background-color: #2284a1
}

.button.dropdown.split > span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: white transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -2px
}

.button.dropdown.split.large span {
    width: 45px
}

.button.dropdown.split.small span {
    width: 21px
}

.button.dropdown.split.tiny span {
    width: 15px
}

.button.dropdown.split.large span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: white transparent transparent transparent;
    margin-top: -3px;
    margin-left: -7px
}

.button.dropdown.split.small span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: white transparent transparent transparent;
    margin-top: -1px;
    margin-left: -4px
}

.button.dropdown.split.tiny span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 3px;
    border-color: white transparent transparent transparent;
    margin-top: -1px;
    margin-left: -3px
}

.button.dropdown.split.alert > span {
    background-color: #c60f13;
    border-left-color: #7f0a0c
}

.button.dropdown.split.success > span {
    background-color: #5da423;
    border-left-color: #396516
}

.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover {
    background-color: #970b0e
}

.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover {
    background-color: #457a1a
}

ul.button-group {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    *zoom: 1
}

ul.button-group:before, ul.button-group:after {
    content: " ";
    display: table
}

ul.button-group:after {
    clear: both
}

ul.button-group li {
    padding: 0;
    margin: 0 0 0 -1px;
    float: left
}

ul.button-group li:first-child {
    margin-left: 0
}

ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px
}

ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius {
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded {
    -moz-border-radius-bottomright: 1000px;
    -moz-border-radius-topright: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

ul.button-group.even .button {
    width: 100%
}

ul.button-group.even.two-up li {
    width: 50%
}

ul.button-group.even.three-up li {
    width: 33.3%
}

ul.button-group.even.three-up li:first-child {
    width: 33.4%
}

ul.button-group.even.four-up li {
    width: 25%
}

ul.button-group.even.five-up li {
    width: 20%
}

div.button-bar {
    overflow: hidden
}

div.button-bar ul.button-group {
    float: left;
    margin-right: 8px
}

div.button-bar ul.button-group:last-child {
    margin-left: 0
}

.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    opacity: 0.75;
    vertical-align: middle
}

.icon.large {
    width: 48px;
    height: 48px;
    overflow: hidden;
    background-size: contain;
    text-indent: -9999px
}

.icon.medium {
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-size: contain;
    text-indent: -9999px
}

.icon.small {
    width: 12px;
    height: 12px;
    overflow: hidden;
    background-size: contain;
    text-indent: -9999px
}

.icon.opacity-25 {
    filter: alpha(opacity=25);
    opacity: 0.25
}

.icon.opacity-50 {
    filter: alpha(opacity=50);
    opacity: 0.5
}

.icon.opacity-75 {
    filter: alpha(opacity=75);
    opacity: 0.75
}

.icon.opacity-100 {
    filter: alpha(opacity=100);
    opacity: 1
}

.icon.add {
    background-image: url(../images/icon/icon-add-b-48.png)
}

.icon.add.white {
    background-image: url(../images/icon/icon-add-w-48.png)
}

.icon.remove {
    background-image: url(../images/icon/icon-remove-b-48.png)
}

.icon.remove.white {
    background-image: url(../images/icon/icon-remove-w-48.png)
}

.icon.delete {
    background-image: url(../images/icon/icon-delete-b-48.png)
}

.icon.delete.white {
    background-image: url(../images/icon/icon-delete-w-48.png)
}

.icon.edit {
    background-image: url(../images/icon/icon-edit-b-48.png)
}

.icon.edit.white {
    background-image: url(../images/icon/icon-edit-w-48.png)
}

.icon.settings {
    background-image: url(../images/icon/icon-settings-b-48.png)
}

.icon.settings.white {
    background-image: url(../images/icon/icon-settings-w-48.png)
}

.icon.arrow-back {
    background-image: url(../images/icon/icon-arrow-back-b-48.png)
}

.icon.arrow-back.white {
    background-image: url(../images/icon/icon-arrow-back-w-48.png)
}

.icon.arrow-forward {
    background-image: url(../images/icon/icon-arrow-forward-b-48.png)
}

.icon.arrow-forward.white {
    background-image: url(../images/icon/icon-arrow-forward-w-48.png)
}

.icon.arrow-left {
    background-image: url(../images/icon/icon-arrow-left-b-48.png)
}

.icon.arrow-left.white {
    background-image: url(../images/icon/icon-arrow-left-w-48.png)
}

.icon.arrow-down {
    background-image: url(../images/icon/icon-arrow-down-b-48.png)
}

.icon.arrow-down.white {
    background-image: url(../images/icon/icon-arrow-down-w-48.png)
}

.icon.arrow-up {
    background-image: url(../images/icon/icon-arrow-up-b-48.png)
}

.icon.arrow-up.white {
    background-image: url(../images/icon/icon-arrow-up-w-48.png)
}

.icon.arrow-right {
    background-image: url(../images/icon/icon-arrow-right-b-48.png)
}

.icon.arrow-right.white {
    background-image: url(../images/icon/icon-arrow-right-w-48.png)
}

.icon.arrow-solid-left {
    background-image: url(../images/icon/icon-arrow-solid-left-b-48.png)
}

.icon.arrow-solid-left.white {
    background-image: url(../images/icon/icon-arrow-solid-left-w-48.png)
}

.icon.arrow-solid-down {
    background-image: url(../images/icon/icon-arrow-solid-down-b-48.png)
}

.icon.arrow-solid-down.white {
    background-image: url(../images/icon/icon-arrow-solid-down-w-48.png)
}

.icon.arrow-solid-up {
    background-image: url(../images/icon/icon-arrow-solid-up-b-48.png)
}

.icon.arrow-solid-up.white {
    background-image: url(../images/icon/icon-arrow-solid-up-w-48.png)
}

.icon.arrow-solid-right {
    background-image: url(../images/icon/icon-arrow-solid-right-b-48.png)
}

.icon.arrow-solid-right.white {
    background-image: url(../images/icon/icon-arrow-solid-right-w-48.png)
}

.icon.book {
    background-image: url(../images/icon/icon-book-b-48.png)
}

.icon.book.white {
    background-image: url(../images/icon/icon-book-w-48.png)
}

.icon.calendar {
    background-image: url(../images/icon/icon-calendar-b-48.png)
}

.icon.calendar.white {
    background-image: url(../images/icon/icon-calendar-w-48.png)
}

.icon.chat {
    background-image: url(../images/icon/icon-chat-b-48.png)
}

.icon.chat.white {
    background-image: url(../images/icon/icon-chat-w-48.png)
}

.icon.people {
    background-image: url(../images/icon/icon-people-b-48.png)
}

.icon.people.white {
    background-image: url(../images/icon/icon-people-w-48.png)
}

.icon.creative-commons {
    background-image: url(../images/icon/icon-creative-commons-b-48.png)
}

.icon.creative-commons.white {
    background-image: url(../images/icon/icon-creative-commons-w-48.png)
}

.icon.help {
    background-image: url(../images/icon/icon-help-b-48.png)
}

.icon.help.white {
    background-image: url(../images/icon/icon-help-w-48.png)
}

.icon.home {
    background-image: url(../images/icon/icon-home-b-48.png)
}

.icon.home.white {
    background-image: url(../images/icon/icon-home-w-48.png)
}

.icon.info {
    background-image: url(../images/icon/icon-info-b-48.png)
}

.icon.info.white {
    background-image: url(../images/icon/icon-info-w-48.png)
}

.icon.secure {
    background-image: url(../images/icon/icon-secure-b-48.png)
}

.icon.secure.white {
    background-image: url(../images/icon/icon-secure-w-48.png)
}

.icon.insecure {
    background-image: url(../images/icon/icon-insecure-b-48.png)
}

.icon.insecure.white {
    background-image: url(../images/icon/icon-insecure-w-48.png)
}

.icon.link {
    background-image: url(../images/icon/icon-link-b-48.png)
}

.icon.link.white {
    background-image: url(../images/icon/icon-link-w-48.png)
}

.icon.mail {
    background-image: url(../images/icon/icon-mail-b-48.png)
}

.icon.mail.white {
    background-image: url(../images/icon/icon-mail-w-48.png)
}

.icon.map {
    background-image: url(../images/icon/icon-map-b-48.png)
}

.icon.map.white {
    background-image: url(../images/icon/icon-map-w-48.png)
}

.icon.marker {
    background-image: url(../images/icon/icon-marker-b-48.png)
}

.icon.marker.white {
    background-image: url(../images/icon/icon-marker-w-48.png)
}

.icon.menu {
    background-image: url(../images/icon/icon-menu-b-48.png)
}

.icon.menu.white {
    background-image: url(../images/icon/icon-menu-w-48.png)
}

.icon.mobile {
    background-image: url(../images/icon/icon-mobile-b-48.png)
}

.icon.mobile.white {
    background-image: url(../images/icon/icon-mobile-w-48.png)
}

.icon.phone {
    background-image: url(../images/icon/icon-phone-b-48.png)
}

.icon.phone.white {
    background-image: url(../images/icon/icon-phone-w-48.png)
}

.icon.print {
    background-image: url(../images/icon/icon-print-b-48.png)
}

.icon.print.white {
    background-image: url(../images/icon/icon-print-w-48.png)
}

.icon.refresh {
    background-image: url(../images/icon/icon-refresh-b-48.png)
}

.icon.refresh.white {
    background-image: url(../images/icon/icon-refresh-w-48.png)
}

.icon.rss {
    background-image: url(../images/icon/icon-rss-b-48.png)
}

.icon.rss.white {
    background-image: url(../images/icon/icon-rss-w-48.png)
}

.icon.save {
    background-image: url(../images/icon/icon-save-b-48.png)
}

.icon.save.white {
    background-image: url(../images/icon/icon-save-w-48.png)
}

.icon.search {
    background-image: url(../images/icon/icon-search-b-48.png)
}

.icon.search.white {
    background-image: url(../images/icon/icon-search-w-48.png)
}

.icon.star {
    background-image: url(../images/icon/icon-star-b-48.png)
}

.icon.star.white {
    background-image: url(../images/icon/icon-star-w-48.png)
}

.icon.star-selected {
    background-image: url(../images/icon/icon-star-selected-b-48.png)
}

.icon.star-selected.white {
    background-image: url(../images/icon/icon-star-selected-w-48.png)
}

.icon.upload {
    background-image: url(../images/icon/icon-upload-b-48.png)
}

.icon.upload.white {
    background-image: url(../images/icon/icon-upload-w-48.png)
}

.icon.warning {
    background-image: url(../images/icon/icon-warning-b-48.png)
}

.icon.warning.white {
    background-image: url(../images/icon/icon-warning-w-48.png)
}

.icon.itunesu {
    background-image: url(../images/icon/icon-apple-b-48.png)
}

.icon.itunesu.white {
    background-image: url(../images/icon/icon-apple-w-48.png)
}

.icon.blogger {
    background-image: url(../images/icon/icon-blogger-b-48.png)
}

.icon.blogger.white {
    background-image: url(../images/icon/icon-blogger-w-48.png)
}

.icon.delicious {
    background-image: url(../images/icon/icon-delicious-b-48.png)
}

.icon.delicious.white {
    background-image: url(../images/icon/icon-delicious-w-48.png)
}

.icon.digg {
    background-image: url(../images/icon/icon-digg-b-48.png)
}

.icon.digg.white {
    background-image: url(../images/icon/icon-digg-w-48.png)
}

.icon.facebook {
    background-image: url(../images/icon/icon-facebook-b-48.png)
}

.icon.facebook.white {
    background-image: url(../images/icon/icon-facebook-w-48.png)
}

.icon.flickr {
    background-image: url(../images/icon/icon-flickr-b-48.png)
}

.icon.flickr.white {
    background-image: url(../images/icon/icon-flickr-w-48.png)
}

.icon.foursquare {
    background-image: url(../images/icon/icon-foursquare-b-48.png)
}

.icon.foursquare.white {
    background-image: url(../images/icon/icon-foursquare-w-48.png)
}

.icon.googleplus {
    background-image: url(../images/icon/icon-googleplus-b-48.png)
}

.icon.googleplus.white {
    background-image: url(../images/icon/icon-googleplus-w-48.png)
}

.icon.instagram {
    background-image: url(../images/icon/icon-instagram-b-48.png)
}

.icon.instagram.white {
    background-image: url(../images/icon/icon-instagram-w-48.png)
}

.icon.linkedin {
    background-image: url(../images/icon/icon-linkedin-b-48.png)
}

.icon.linkedin.white {
    background-image: url(../images/icon/icon-linkedin-w-48.png)
}

.icon.pinterest {
    background-image: url(../images/icon/icon-pinterest-b-48.png)
}

.icon.pinterest.white {
    background-image: url(../images/icon/icon-pinterest-w-48.png)
}

.icon.tumblr {
    background-image: url(../images/icon/icon-tumblr-b-48.png)
}

.icon.tumblr.white {
    background-image: url(../images/icon/icon-tumblr-w-48.png)
}

.icon.twitter {
    background-image: url(../images/icon/icon-twitter-b-48.png)
}

.icon.twitter.white {
    background-image: url(../images/icon/icon-twitter-w-48.png)
}

.icon.skype {
    background-image: url(../images/icon/icon-skype-b-48.png)
}

.icon.skype.white {
    background-image: url(../images/icon/icon-skype-w-48.png)
}

.icon.vimeo {
    background-image: url(../images/icon/icon-vimeo-b-48.png)
}

.icon.vimeo.white {
    background-image: url(../images/icon/icon-vimeo-w-48.png)
}

.icon.youtube {
    background-image: url(../images/icon/icon-youtube-b-48.png)
}

.icon.youtube.white {
    background-image: url(../images/icon/icon-youtube-w-48.png)
}

#search h2 {
    display: none
}

.search-result {
    background: #fcfcfc;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 10px 0;
    margin: 0 0 10px 0
}

.search-result:nth-child(even) {
    background: #fff;
    border: 0
}

.search-result h3.title {
    margin: 0
}

.search-result h3.title a {
    font-size: 16px
}

.search-results .search-snippet-info {
    padding: 0
}

.search-results .search-snippet-info p.search-snippet {
    margin: 0 0 10px 0;
    line-height: 1.4
}

.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {
    display: none !important
}

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {
    display: inherit !important
}

@media only screen and (min-width: 1441px) {
    .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
        display: inherit !important
    }

    .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: none !important
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important
    }

    .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important
    }

    .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important
    }
}

.show-for-landscape, .hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .left, .right {
        float: none
    }

    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        word-wrap: break-word
    }

    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }

    .column, .columns {
        width: auto !important;
        float: none
    }

    .column:last-child, .columns:last-child {
        float: none
    }

    [class*="column"] + [class*="column"]:last-child {
        float: none !important;
        clear: both
    }

    .column:before, .columns:before, .column:after, .columns:after {
        content: "";
        display: table
    }

    .column:after, .columns:after {
        clear: both
    }

    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
        margin-left: 0 !important
    }

    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
        left: auto
    }

    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
        right: auto
    }

    .row .mobile-one {
        width: 25% !important;
        float: left;
        padding: 0 0px
    }

    .row .mobile-one:last-child {
        float: right
    }

    .row .mobile-one.end {
        float: left
    }

    .row.collapse .mobile-one {
        padding: 0
    }

    .row .mobile-two {
        width: 50% !important;
        float: left;
        padding: 0 0px
    }

    .row .mobile-two:last-child {
        float: right
    }

    .row .mobile-two.end {
        float: left
    }

    .row.collapse .mobile-two {
        padding: 0
    }

    .row .mobile-three {
        width: 75% !important;
        float: left;
        padding: 0 0px
    }

    .row .mobile-three:last-child {
        float: right
    }

    .row .mobile-three.end {
        float: left
    }

    .row.collapse .mobile-three {
        padding: 0
    }

    .row .mobile-four {
        width: 100% !important;
        float: left;
        padding: 0 0px
    }

    .row .mobile-four:last-child {
        float: right
    }

    .row .mobile-four.end {
        float: left
    }

    .row.collapse .mobile-four {
        padding: 0
    }

    .push-one-mobile {
        left: 25%
    }

    .pull-one-mobile {
        right: 25%
    }

    .push-two-mobile {
        left: 50%
    }

    .pull-two-mobile {
        right: 50%
    }

    .push-three-mobile {
        left: 75%
    }

    .pull-three-mobile {
        right: 75%
    }

    .block-grid[class*="-up"][class*="mobile-"] > li {
        clear: none
    }

    .block-grid.mobile > li {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .block-grid > li {
        clear: none
    }

    .block-grid.mobile-one-up > li {
        width: 100%
    }

    .block-grid.mobile-two-up > li {
        width: 50%
    }

    .block-grid.mobile-two-up > li:nth-child(2n+1) {
        clear: both
    }

    .block-grid.mobile-three-up > li {
        width: 33.33333%
    }

    .block-grid.mobile-three-up > li:nth-child(3n+1) {
        clear: both
    }

    .block-grid.mobile-four-up > li {
        width: 25%
    }

    .block-grid.mobile-four-up > li:nth-child(4n+1) {
        clear: both
    }

    .block-grid.mobile-five-up > li {
        width: 20%
    }

    .block-grid.mobile-five-up > li:nth-child(5n+1) {
        clear: both
    }

    .block-grid.mobile-six-up > li {
        width: 16.66667%
    }

    .block-grid.mobile-six-up > li:nth-child(6n+1) {
        clear: both
    }

    .block-grid.mobile-seven-up > li {
        width: 14.28571%
    }

    .block-grid.mobile-seven-up > li:nth-child(7n+1) {
        clear: both
    }

    .block-grid.mobile-eight-up > li {
        width: 12.5%
    }

    .block-grid.mobile-eight-up > li:nth-child(8n+1) {
        clear: both
    }

    .block-grid.mobile-nine-up > li {
        width: 11.11111%
    }

    .block-grid.mobile-nine-up > li:nth-child(9n+1) {
        clear: both
    }

    .block-grid.mobile-ten-up > li {
        width: 10%
    }

    .block-grid.mobile-ten-up > li:nth-child(10n+1) {
        clear: both
    }

    .block-grid.mobile-eleven-up > li {
        width: 9.09091%
    }

    .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
        clear: both
    }

    .block-grid.mobile-twelve-up > li {
        width: 8.33333%
    }

    .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
        clear: both
    }

    label.right {
        text-align: left
    }

    input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
        width: 100% !important
    }

    input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
        width: 100% !important
    }

    input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
        width: 100% !important
    }

    input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
        width: 100% !important
    }

    input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
        width: 100% !important
    }

    input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
        width: 100% !important
    }

    input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
        width: 100% !important
    }

    input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
        width: 100% !important
    }

    input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
        width: 100% !important
    }

    input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
        width: 100% !important
    }

    input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
        width: 100% !important
    }

    input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
        width: 100% !important
    }

    .button {
        display: block
    }

    button.button, input[type="submit"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .button-group button.button, .button-group input[type="submit"].button {
        width: auto;
        padding: 10px 20px 11px
    }

    .button-group button.button.large, .button-group input[type="submit"].button.large {
        padding: 15px 30px 16px
    }

    .button-group button.button.medium, .button-group input[type="submit"].button.medium {
        padding: 10px 20px 11px
    }

    .button-group button.button.small, .button-group input[type="submit"].button.small {
        padding: 7px 14px 8px
    }

    .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
        padding: 5px 10px 6px
    }

    #page-container {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .sidebar .accordion-menu h2.block-title {
        border-radius: 0
    }

    #header-inner {
        margin: 15px 0 0 0
    }

    #header-inner h2 {
        margin: 0
    }

    #header-inner h2 a {
        padding: 0
    }

    #header-inner h2.two-line {
        margin: 0
    }

    #header-inner h2.two-line span {
        font-size: 17px
    }

    #header-inner h2.two-line .site-heading-small {
        font-size: 13px
    }

    #header-inner h2.three-line {
        margin: 0
    }

    #header-inner h2.three-line span {
        font-size: 15px
    }

    #header-inner h2.three-line .site-heading-small {
        font-size: 11px
    }

    #footer {
        padding: 15px
    }

    #footer-inner .fcol {
        min-height: 0
    }

    #footer-inner .fcol1 {
        width: 49%;
        padding: 0 0 10px 0;
        margin: 0 0 15px 0
    }

    #footer-inner .fcol2 {
        width: 48%;
        margin: 0 0 15px 0;
        padding: 0 0 0 3%
    }

    #footer-inner .fcol3 {
        width: 49%;
        border-right: 1px dotted #D9B8FA;
        margin: 0;
        clear: left
    }

    #footer-inner .fcol4 {
        width: 48%;
        padding: 0 0 0 3%;
        border-left: 0
    }
}

@media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: none
    }

    #header {
        border-top: 0;
        padding-bottom: 9px
    }

    #content {
        border-radius: 0;
        margin: 0
    }

    #content-primary, #sidebar-first, #sidebar-second {
        padding: 9px
    }

    .sidebar .accordion-menu {
        margin: 0 0 9px 0
    }

    #pagebase {
        width: 100%
    }

    .breadcrumb {
        font-size: 11px;
        width: 100%
    }

    #header-inner {
        margin: 10px
    }

    #header-inner a#uq-logo {
        margin: 0 10px 0 0
    }

    #header-inner a#uq-logo span {
        width: 120px;
        height: 35px;
        background-size: 100%;
        border: 0
    }

    #header-inner h2 {
        margin: 0;
        line-height: 1em
    }

    #header-inner h2 a {
        font-size: 16px
    }

    #header-inner h2.one-line {
        margin: 5px 0 5px 0;
        line-height: 18px
    }

    #header-inner h2.one-line a {
        font-size: 18px
    }

    #header-inner h2.one-line .site-heading-small {
        font-size: 14px
    }

    #header-inner h2.two-line {
        margin: 0;
        line-height: 14px
    }

    #header-inner h2.two-line span {
        font-size: 14px
    }

    #header-inner h2.two-line .site-heading-small {
        font-size: 11px
    }

    #header-inner h2.three-line {
        margin: 0;
        line-height: 11px
    }

    #header-inner h2.three-line span {
        font-size: 11px
    }

    #header-inner h2.three-line .site-heading-small {
        font-size: 11px
    }

    #mininav {
        padding: 5px 0 0 0
    }

    #mininav a {
        padding: 5px 4px;
        display: inline-block
    }

    #mininav ul {
        padding: 5px 0 0 5px
    }

    #top-menu ul.menu li {
        width: 100%;
        clear: both;
        border-bottom: 1px solid #575757
    }

    #top-menu ul li a.active {
        background: #333
    }

    #top-menu ul li a.active:hover {
        background: #333
    }

    h1#page-title {
        font-size: 26px
    }

    #footer-inner .fcol1 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px dotted #D9B8FA;
        padding: 0 0 10px 0;
        margin: 0 0 15px 0
    }

    #footer-inner .fcol2 {
        width: 100%;
        margin: 0 0 15px 0;
        border-bottom: 1px dotted #D9B8FA;
        padding: 0 0 15px 0
    }

    #footer-inner .fcol3 {
        width: 49%
    }

    #footer-inner .fcol4 {
        width: 48%;
        padding: 0 0 0 3%
    }
}

@media screen and (max-width: 320px) {
    html, body {
        background-image: none
    }

    #page-container {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin: 0
    }

    #header-inner a#uq-logo {
        margin: 0 10px 0 0
    }

    #header-inner h2.one-line {
        padding: 0;
        margin: 0
    }

    #header-inner h2.one-line a {
        font-size: 15px
    }

    #header-inner h2.one-line .site-heading-small {
        font-size: 14px
    }

    #header-inner h2.two-line, #header-inner h2.three-line {
        margin: 0;
        line-height: 13px
    }

    #header-inner h2.three-line span, #header-inner h2.two-line span {
        font-size: 13px;
        display: inline
    }

    #header-inner h2.three-line .site-heading-small, #header-inner h2.two-line .site-heading-small {
        font-size: 13px
    }

    #footer-inner .fcol {
        min-height: 0
    }

    #footer-inner .fcol1 {
        width: 100%;
        border: 0;
        margin: 0
    }

    #footer-inner .fcol2 {
        width: 100%
    }

    #footer-inner .fcol2 h3 {
        display: none
    }

    #footer-inner .fcol2 .member-logo {
        display: none
    }

    #footer-inner .fcol3 {
        width: 100%;
        border-right: 0
    }

    #footer-inner .fcol4 {
        width: 100%;
        padding: 0
    }
}

#top-menu ul li a.active:hover {
    background: #363636;
    color: #fff
}

#top-menu #mobile-search {
    float: left;
    display: none;
    width: 100%;
    padding: 10px;
    background: #333;
    border-top: 1px solid #333
}

#top-menu #mobile-search h2 {
    color: #fff
}

#mobile-menu a {
    display: none;
    text-transform: uppercase;
    margin: 0;
    text-decoration: none;
    color: #fff;
    background-image: none;
    border: none;
    padding: 15px;
    cursor: pointer
}

#mobile-menu a i {
    font-size: 160%
}

#mobile-menu a.open {
    background: #333333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset
}

#mobile-menu a.open i {
    opacity: 0.8
}

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

@media only screen and (max-width: 767px) {
    #top-menu.dev-open-all ul.menu ul.menu {
        display: block !important
    }

    #top-menu.dev-open-all ul.menu li:not(.active-trail) {
        display: block
    }

    #mobile-search.show-for-small, #top-menu .menu .show-for-small {
        display: block
    }

    #top-menu ul.menu {
        border-top: 2px solid #333333
    }

    #top-menu ul.menu li a {
        cursor: pointer
    }

    #top-menu ul.menu ul.menu {
        border-top: none
    }

    #top-menu ul.menu ul.menu li a {
        background: #141414
    }

    #top-menu ul.menu ul.menu li {
        border-top: 1px solid #3A3A3A
    }

    #top-menu ul.menu ul.menu.show-for-small {
        display: block !important
    }

    #top-menu ul.menu > li {
        display: none
    }

    #top-menu ul.menu.show-for-small > li {
        display: block
    }

    #top-menu ul.menu > li > ul.menu.show-for-small > li {
        display: block
    }

    #top-menu ul.menu > li.active-trail {
        display: block
    }

    #top-menu ul.menu > li.expanded > ul.menu > li.expanded > a {
        padding-left: 15px
    }

    #top-menu ul.menu > li.expanded > ul.menu > li.expanded > ul.menu > li > a {
        padding-left: 20px
    }

    #top-menu ul.menu.closed > ul {
        display: none
    }

    #top-menu > ul.menu > li:not(.active-trail) {
        display: none
    }

    #top-menu ul.menu li.open > ul.menu {
        display: block
    }

    #top-menu ul.menu li.open > ul.menu li {
        display: block
    }

    #top-menu .active-trial > ul.menu {
        display: block
    }

    #top-menu .active-trial > ul.menu > li {
        display: none
    }

    #top-menu.nav-active ul.menu.open li > ul.menu {
        display: block
    }

    #top-menu.nav-active ul.menu.open li > ul.menu > li {
        display: block
    }

    #top-menu .active-trial > ul.menu.active-trail {
        display: block
    }

    #top-menu .active-trial > ul.menu.active-trail > li {
        display: block
    }

    #top-menu .active-trial-active > ul.menu.active-trail {
        display: block
    }

    #top-menu .active-trial-active > ul.menu.active-trail > li {
        display: block
    }

    select, textarea, 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"], input[type="submit"] {
        font-size: 16px
    }

    a#mobile-home {
        display: inline-block;
        border-right: 1px solid #494949
    }

    a#mobile-nav-toggle {
        display: block;
        float: right;
        border-left: 1px solid #494949
    }

    a#mobile-search-toggle {
        display: block;
        float: right;
        border-left: 1px solid #494949
    }

    #mobile-search, #mobile-search.closed {
        display: none;
        border-bottom: 1px solid #000;
        padding-bottom: 2em
    }

    #mobile-search.open {
        display: block
    }

    #mobile-search input[type="text"], input[type="submit"] {
        height: 44px
    }

    #mobile-search input[type="submit"] {
        font-size: 16px
    }

    #mobile-search .block-views-search .views-widget {
        margin-right: 44px
    }

    #mobile-search .block-views-search .views-submit-button {
        position: absolute;
        right: 1px;
        top: 1px
    }

    #mobile-search .block-views-search input.form-submit {
        width: 44px;
        background-size: auto;
        height: 44px;
        background: #ccc url("../../images/icon/search-24x24.png") 45% 45% no-repeat
    }

    #top-menu ul.menu li:not(.leaf) > a:after {
        font-family: 'entypo';
        content: '\e814';
        color: #fff;
        margin: 0 3px;
        font-size: 150%;
        padding: 0 0 0 5px
    }

    #top-menu ul.menu ul.menu li a[href*="#"] {
        background: #272727
    }

    #top-menu ul.menu ul.menu li {
        border-top: none
    }

    #top-menu ul.menu li a:hover {
        background: #111
    }

    #top-menu ul > li {
        float: left
    }

    #top-menu .top-menu-section, .top-menu-section ul.menu {
        width: 100%
    }

    #top-menu ul.menu {
        width: 100%;
        clear: right
    }

    #top-menu ul.menu li {
        width: 100%;
        clear: both;
        border-bottom: 1px solid #1B1B1B
    }

    #top-menu ul.menu li a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    #top-menu ul.menu ul.menu {
        width: 100%;
        position: relative
    }

    #top-menu ul.menu ul.menu li a {
        padding-left: 10px
    }

    #top-menu ul.menu li a.active {
        background: #333
    }

    #top-menu ul.menu li.expanded > a, #top-menu ul.menu li a.active:hover {
        background: #333333
    }

    #top-menu ul.menu li:not(.leaf).expanded > a:hover, #top-menu ul.menu li:not(.leaf) a:hover, #top-menu ul.menu ul.menu li a:hover {
        background: #454545
    }
}

.lt-ie9 #top-menu .menu ul, #top-menu .lt-ie9 .menu li:hover ul ul {
    display: none
}

.lt-ie9 #top-menu .menu li:hover ul, #top-menu .lt-ie9 .menu li:hover li:hover ul {
    display: block
}

ul.toggle {
    margin: 0 0 12px 0;
    border-bottom: 1px solid #e9e9e9;
    padding: 0
}

ul.toggle > li {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.toggle > li > div.title {
    cursor: pointer;
    background: #f6f6f6;
    padding: 12px;
    margin: 0;
    position: relative;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

ul.toggle > li > div.title h1, ul.toggle > li > div.title h2, ul.toggle > li > div.title h3, ul.toggle > li > div.title h4, ul.toggle > li > div.title h5 {
    margin: 0
}

ul.toggle > li > div.title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent transparent transparent #9d9d9d;
    position: absolute;
    right: 10px;
    top: 16px
}

ul.toggle > li > div.title:hover {
    background-color: #eee;
    color: #444
}

ul.toggle div.title {
    cursor: pointer;
    background: #F6F6F6;
    padding: 12px;
    margin: 0;
    position: relative;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9
}

ul.toggle > li div.content {
    display: none;
    padding: 12px
}

ul.toggle > li.active div.title {
    background: white;
    padding-top: 12px;
    border-top: 1px solid #E9E9E9
}

ul.toggle > li.active div.title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    right: 10px;
    border-color: #9d9d9d transparent transparent transparent
}

ul.toggle > li.active div.title:hover {
    background-color: #eee
}

ul.toggle > li.active div.content {
    background: white;
    display: block;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9
}

ul.toggle > li.active div.content ul, ul.toggle > li div.content ol {
    margin-bottom: 18px
}

ul.toggle > li.active div.content ul li ul, ul.toggle > li.active div.content ul li ol, ul.toggle > li.active div.content ol li ol, ul.toggle > li.active div.content ol li ul {
    margin-bottom: 0
}

ul.toggle.basic > li > div.title {
    cursor: pointer;
    background: #fff;
    color: #767676;
    padding-left: 30px;
    margin: 0;
    position: relative;
    border-left: none;
    border-right: none
}

ul.toggle.basic > li div.title:hover {
    background-color: #f9f9f9;
    color: #222
}

ul.toggle.basic > li div.title:before, ul.toggle.basic > li.active .title:before {
    left: 10px
}

ul.toggle.basic > li.active div.content {
    background: white;
    display: block;
    border-left: none;
    border-right: none
}

ul.toggle.basic > li div.title:hover {
    background-color: #eee;
    color: #444
}

.lt-ie8 ul.toggle > li > div.title {
    background-image: url(../../images/icon/arrow-rd-grey@24x24.png);
    background-position: 98.5% -190px;
    background-repeat: no-repeat
}

.lt-ie8 ul.toggle > li.active div.title {
    background-position: 98.5% 15px
}

.lt-ie8 ul.toggle.basic > li > div.title {
    background-color: #fff;
    background-image: url(../../images/icon/arrow-rd-grey@24x24.png);
    background-position: 98.5% -190px;
    background-repeat: no-repeat
}

.lt-ie8 ul.toggle.basic > li.active div.title {
    background-position: 98.5% 15px
}

div.horizontal-tabs {
    margin: 0 0 1em 0;
    padding: 0;
    position: relative
}

.horizontal-tabs-pane > legend {
    display: none
}

:focus {
    outline: 0
}

.horizontal-tabs ul.horizontal-tabs-list {
    display: inline-block;
    margin: 0;
    position: relative;
    list-style: none;
    list-style-image: none;
    width: 100%;
    height: auto;
    clear: both
}

@media screen and (max-width: 480px) {
    .horizontal-tabs ul.horizontal-tabs-list {
        display: table
    }
}

.horizontal-tabs fieldset.horizontal-tabs-pane {
    padding: 15px 15px;
    margin: 0;
    border: 1px solid #ccc
}

.horizontal-tabs ul.horizontal-tabs-list li.selected {
    background-color: #8cb800
}

.horizontal-tabs ul.horizontal-tabs-list li {
    float: left;
    background: #333;
    padding: 5px;
    width: 8em;
    margin: 0;
    margin-right: 5px;
    position: relative
}

@media screen and (max-width: 480px) {
    .horizontal-tabs ul.horizontal-tabs-list li {
        display: table-cell;
        float: none
    }
}

.horizontal-tabs ul.horizontal-tabs-list li a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 0.5em 0.6em
}

.horizontal-tabs ul.horizontal-tabs-list li.selected:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-color: #8cb800 transparent transparent transparent;
    border-style: solid;
    border-width: 5px
}

div.field-group-htabs-wrapper .field-group-format-wrapper {
    clear: both;
    padding: 0 0 0 0.6em
}

.horizontal-tabs .horizontal-tab-hidden {
    display: block;
    position: absolute;
    top: -100000px
}

.uq-core-article .date-display-single, .node-type-uq-core-article .date-display-single {
    color: #999;
    padding-top: 6px
}

.uq-core-article.list-item .content p, .node-type-uq-core-article.list-item .content p {
    color: #666666;
    font-size: 12px;
    margin-bottom: 0
}

.uq-core-event h3 {
    margin-bottom: 0
}

.uq-core-event.small-banner.has-date-icon .content-inner, .uq-core-event.banner.has-date-icon .content-inner, .uq-core-event.feature.has-date-icon .content-inner {
    margin-left: 4.75em
}

.uq-core-event.tease.has-image .date-icon {
    position: absolute;
    left: 3em;
    top: 3em;
    opacity: 1;
    transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in
}

.uq-core-event.tease-no-summary {
    position: relative;
    padding-left: 4.75em
}

.uq-core-event.tease-no-summary .content {
    min-height: 4em
}

.uq-core-event.tease-no-summary .date-icon {
    position: absolute;
    top: 0;
    left: 0
}

.uq-core-event.banner .content-inner, .uq-core-event.small-banner .content-inner {
    min-height: 4.75em
}

.uq-core-event .date-icon {
    text-align: center;
    width: 4em;
    height: 4em;
    margin-right: 0.75em;
    margin-top: 0.25em;
    background: linear-gradient(#fcfcfc, #eee)
}

.uq-core-event .date-icon-month {
    font-size: 0.8em
}

.uq-core-event .date-icon-day {
    font-size: 1.6em
}

.uq-core-image.large {
    max-width: 400px
}

.uq-core-image.square {
    max-width: 400px
}

.uq-core-image.large-portrait {
    max-width: 300px
}

.uq-core-image .caption {
    display: inline-block;
    float: left;
    width: 100%;
    font: 14px Helvetica, Arial, sans-serif;
    padding: 0.5em 0.25em 1em 0.5em;
    border-bottom: 1px dotted #999;
    margin: 0
}

.uq-core-video.tease.dropshadow {
    padding-bottom: 10px;
    background: url(/themes/uqbase/images/background/media_video-dropshadow.png) no-repeat bottom center;
    background-size: contain
}

.uq-core-video.tease .field-type-video-embed-field a {
    float: left
}

.uq-core-video.tease .field-type-video-embed-field a:hover {
    background: #000
}

.uq-core-video.tease .field-type-video-embed-field a:hover img {
    opacity: 0.80
}

.uq-core-video.tease p {
    padding: 0.3em;
    margin: 0;
    background: #313131
}

.uq-core-video.tease p a {
    font-family: Arial, sans-serif;
    color: #fff
}

.uq-core-video.tease .field {
    margin-bottom: 0;
    line-height: 0
}

.list-item {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 1em !important;
    padding-bottom: 1.333333em
}

.list-item h3 {
    line-height: 1.2
}

.list-item p.summary {
    margin-bottom: 0.75em
}

.list-item.tease.has-image .content-inner {
    margin-left: 10.75em
}

.list-item .content p {
    color: #666666
}

.list-item.tease.has-image .content {
    padding-left: 0;
    position: relative
}

.list-item.has-date-icon.no-image .content-inner {
    margin-left: 4.75em
}

.sidebar .taxonomy-menu h2 {
    font: bold 15px/1 Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #222222;
    margin-bottom: 0.5em
}

.sidebar .taxonomy-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar .taxonomy-menu ul li {
    margin: 0;
    padding: 0
}

.sidebar .taxonomy-menu ul li a {
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 0.5em 0.3em;
    border-bottom: 1px solid #F0F0F0;
    font: normal 14px/1.2 Arial, Helvetica, sans-serif
}

.feature h3 {
    font-size: 22px
}

.tease h3 {
    margin-bottom: 0.25em
}

.tease.has-image .image-crop {
    width: 10em;
    height: 10em
}

.tease.has-image .image-crop img {
    transition: all 0.4s;
    margin: -1em;
    max-width: 12em;
    max-height: 12em
}

.feature .image-crop, .banner .image-crop, .small-banner .image-crop {
    margin-bottom: 0.75em
}

.block-grid.two-up .uq-core-article.snippet, .block-grid.two-up .uq-core-event.snippet, .block-grid.three-up .uq-core-article.snippet, .block-grid.three-up .uq-core-event.snippet {
    min-height: 95px
}

.uq-core-lead-list .tease h3 {
    margin-bottom: 0
}

.uq-core-lead-list .tease .title-above {
    display: none !important
}

.uq-core-lead-list .tease .title-below {
    display: block !important
}

.uq-core-lead-list .tease .content-inner {
    margin-left: 0
}

.uq-core-lead-list .uq-core-event.tease.has-image .date-icon {
    position: static;
    top: auto;
    left: auto
}

.uq-core-lead-list .tease.has-image .image-crop {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0.75em
}

.uq-core-lead-list .tease.has-image .image-crop img {
    margin: 0;
    width: 100%;
    max-width: none;
    max-height: none
}

.view.margin-top {
    margin-top: 1em
}

.sidebar .taxonomy-menu ul li a {
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 0.5em 0.3em;
    border-bottom: 1px solid #F0F0F0;
    font: normal 14px/1.2 Arial, Helvetica, sans-serif
}

.sidebar .taxonomy-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar .taxonomy-menu ul li {
    margin: 0;
    padding: 0
}

.node-type-uq-core-article #content p, .uq-core-article .content p, .node-type-uq-core-article .content ul > li, .node-type-uq-core-article #content ul > li {
    font-size: 14px
}

.uq-core-article.snippet .image-crop, .uq-core-event.snippet .image-crop {
    float: left;
    overflow: hidden;
    background-color: #000;
    text-align: center;
    max-width: 80px;
    max-height: 80px;
    margin-right: 0
}

.snippet a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 0.2em;
    line-height: 1.2
}

.uq-core-article.snippet.has-image .content, .uq-core-event.snippet.has-image .content {
    display: block;
    padding-left: 89px;
    clear: right
}

.uq-core-related-articles h2 a, .uq-core-related-articles h3 a {
    color: #C85727
}

.uq-core-related-articles h2, .uq-core-related-articles h3, .uq-core-related-articles h2 a, .uq-core-related-articles h3 a {
    font: bold 16px/1 Arial, sans-serif;
    text-transform: uppercase
}

.node-type-uq-core-article .uq-core-image, .uq-core-article .uq-core-image {
    margin-left: 1em
}

.node-type-uq-core-article .uq-core-image.right, .uq-core-article .uq-core-image.right {
    padding: 0 0 1em 1em
}

@media screen and (max-width: 480px) {
    .node-type-uq-core-article .uq-core-image, .uq-core-article .uq-core-image {
        margin-left: 0;
        clear: both
    }

    .node-type-uq-core-article .uq-core-image.right, .uq-core-article .uq-core-image.right {
        padding: 0 0 1em 0
    }
}

.uq-starter-banner-caption a {
    position: absolute;
    bottom: 4px;
    left: 0px;
    display: block;
    padding: 16px;
    background-color: #333;
    color: #fff;
    font: normal 16px Arial, Helvetica, sans-serif;
    line-height: 18px;
    text-decoration: none;
    background: rgba(51, 51, 51, 0.7)
}

.uq-starter-banner-caption a i {
    font-size: 12px
}

.uq-starter-banner-buttons {
    z-index: 5
}

.uq-starter-banner-buttons li a {
    padding: 16px
}

.uq-starter-banner-buttons {
    z-index: 5
}

.uq-starter-banner-buttons li a {
    padding: 16px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font: normal 16px Arial, Helvetica, sans-serif;
    line-height: 18px;
    text-decoration: none;
    width: 1000px;
    height: 80px
}

.uq-starter-banner-buttons li a i {
    font-size: 12px
}

.uq-starter-banner-buttons li:nth-of-type(1) a {
    background: #AA0041
}

.uq-starter-banner-buttons li:nth-of-type(2) a {
    background: #0091B5
}

.uq-starter-banner-buttons li:nth-of-type(3) a {
    background: #3C8835
}

.uq-starter-banner-buttons li a:hover {
    background: #333333
}

.views_slideshow_cycle_main {
    width: 100%
}

.views-slideshow-cycle-main-frame {
    width: 100% !important
}

.views-slideshow-cycle-main-frame-row {
    width: 100% !important
}

.views_slideshow_cycle_main img {
    max-width: 100%;
    width: 100%;
    height: auto
}

@media only screen and (max-width: 767px) {
    .uq-core-image.left {
        float: left
    }

    .uq-core-image.right {
        float: right
    }

    .uq-core-list .tease.has-image .image-crop {
        max-width: 140px
    }

    .uq-core-list .tease.has-image .content {
        padding-left: 155px
    }

    .uq-starter-banner-caption a {
        bottom: 16px;
        left: 16px;
        margin-right: 16px
    }

    .uq-starter-banner-caption-buttons a {
        bottom: 70px
    }

    .uq-starter-banner-buttons {
        position: relative;
        margin: -50px 16px auto
    }

    .uq-starter-banner-buttons li a {
        position: relative
    }
}

.flexslider ul.slides li img {
    float: none;
    padding: 0;
    margin: 0 auto
}

.flex-caption {
    width: 100%
}

.cke_ltr, .cke_wysiwyg_frame html, .cke_editable, .cke_contents_ltr {
    padding: 0;
    margin: 0;
    background-color: #fff !important;
    background-image: none !important
}

.cke_contents_ltr {
    padding: 5px;
    margin: 0
}

.lt-ie8 .wrapper {
    width: 990px;
    max-width: 990px
}

.lt-ie8 .columns, .lt-ie8 .column {
    margin: 0 -15px;
    padding: 0 15px;
    zoom: 1;
    display: inline;
    position: relative
}

.lt-ie8 #footer {
    margin-top: 10px
}

.lt-ie8 .front #content-primary {
    padding-top: 12px;
    margin: 0
}

.lt-ie8 #content-primary {
    padding-top: 12px
}

.lt-ie8 .row {
    clear: both;
    margin: 0;
    padding: 0 15px
}

.lt-ie8 .row .row {
    margin: 0;
    padding: 0;
    position: relative
}

.lt-ie8 .button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding-left: 0;
    padding-right: 0
}

input[type="text"] {
    height: auto
}

.lt-ie8 #top-menu {
    position: relative;
    z-index: 500
}

.lt-ie8 .wrapper {
    position: static
}