html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, strong, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0
}
/*
body, html {
    height: 100%
}*/

body {
    background: none no-repeat scroll left top #fff;
    text-align: center;
    overflow-y: scroll;
}

fieldset {
    border: 1px solid #a0a0a0
}

input, select {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

body#body {
    background: url("images/bg.gif") repeat-x scroll left top #fff
}

#main {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1230px;
    min-width: 955px;
    padding: 0;
    position: relative;
    text-align: left
}

#masthead {
    background-color: transparent;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 90px;
    position: relative
}

#masthead .logoContainer {
    float: left
}

#masthead .logoContainer table tbody tr td {
    vertical-align: middle;
    padding-left: 33px;
    height: 90px
}

#masthead .logoContainer table tbody tr td a img {
    max-height: 70px;
    max-width: 350px
}

#masthead #quicklinkright {
    position: absolute;
    right: 5px;
    top: 0
}

#masthead #quicklinkright ul {
    list-style: none inside none;
    margin: 0
}

#masthead #quicklinkright ul li {
    display: inline
}

#masthead #quicklinkright a#buttonContentContainerList {
    border-left: medium none
}

#masthead #quicklinkright a {
    border-left: 1px solid #d2d2d2;
    color: #fff;
    padding: 0 0 0 5px
}

#masthead .header_nav {
    position: absolute;
    top: 25px;
    right: 2px;
    text-align: right
}

#masthead .header_nav .headerNavItem {
    float: right;
    text-align: left;
    line-height: 20px;
    margin-right: 14px
}

#masthead .header_nav .headerNavItem a, #masthead #searchBox .headerNavigation .headerNavItem a:visited {
    color: #FFF;
    text-decoration: none
}

#masthead .header_nav .headerNavItem a:hover {
    text-decoration: underline
}

#masthead .header_nav .headerNavItem {
    font-size: 10.5px
}

#masthead .header_nav .headerNavItem img {
    margin: 0 1px -2px;
    height: 16px;
    width: 16px
}

#masthead .header_nav .headercontactus {
    margin-right: 4px;
    font-weight: bold;
    font-size: 60%
}

#masthead .header_nav .askauckland {
    font-size: 95%
}

#masthead .header_nav .askauckland img {
    margin: 0 0 -2px 4px;
    width: 18px;
    height: 16px
}

#masthead .header_nav .connectus {
    font-size: 10.5pt;
    font-weight: bold
}

#masthead .header_nav .connectus img {
    margin: 0 1px -3px;
    height: 16px;
    width: 16px
}

#masthead .searchForm {
    clear: both;
    position: absolute;
    bottom: 5px;
    right: 0
}

#masthead .searchForm #headerKeyword {
    border: 1px solid #a7a6aa;
    margin-right: 5px;
    padding: 2px 1px;
    width: 188px
}

#masthead .searchForm #headerQuickLinks {
    border: 1px solid #a7a6aa;
    padding: 1px 0;
    width: 170px
}

#masthead .searchForm #headerSubmit {
    margin-right: 20px;
    width: 63px
}

#masthead a img#logo {
    float: left
}

#container {
    clear: both;
    margin: 5px 0 20px;
    padding-left: 190px;
    padding-right: 20px;
    text-align: left
}

#sub-container {
    overflow: hidden;
    clear: both;
    margin: 5px 0 20px;
    text-align: left
}

#container .rightColumn, #container .leftColumn {
    display: inline;
    float: left;
    position: relative
}

#container .middleColumn {
    display: block;
    float: left;
    position: relative
}

#sub-container .leftColumn, #sub-container .rightColumn {
    display: inline;
    float: left;
    position: relative
}

#sub-container .middleColumn {
    display: block;
    float: left;
    position: relative
}

.container {
    padding-left: 20px;
    padding-right: 20px
}

.withLeftBar {
    padding-left: 190px
}

.withRightBar {
    padding-right: 190px
}

#middleBar {
    margin: 0;
    padding: 0;
    width: 100%
}

#leftBar {
    margin-left: -100%;
    right: 190px;
    width: 170px
}

#rightBar {
    margin-left: 20px;
    margin-right: -190px;
    width: 170px
}

#mastFooter {
    background-color: #a0a0a0;
    clear: both;
    padding: 0;
    width: 100%;
    text-align: center
}

#copyright {
    float: left;
    padding: 0 5px 0 13px;
    display: inline
}

#footerNav {
    float: none;
    padding: 0 0 0 5px;
    white-space: nowrap;
    display: inline
}

#footerLogo {
    float: right;
    height: 30px;
    margin: 0 0 0 10px;
    position: relative;
    display: inline
}

#footerLogo img {
    border: medium none;
    height: 30px
}

.headerNav {
    background-color: #014f8a;
    color: #fff;
    font-size: 65%;
    margin: 0;
    padding: 3px 0 2px;
    position: relative;
    text-indent: 10px;
    width: 100%;
    margin-top: 6px
}

.headerNav b.n7 {
    float: none
}

.headerNav a, .headerNav a:visited {
    color: #fff;
    text-decoration: none
}

.headerNav a:hover {
    text-decoration: underline
}

.headerNav .headerNavList {
    float: right
}

.headerNav .headerNavList ul {
    list-style: none outside none;
    margin: 1px 0 0
}

.headerNav li {
    float: left;
    list-style: none outside none;
    margin: 0 1px
}

#breadCrumb {
    height: 36px
}

#breadCrumb .buttons {
    float: right;
    white-space: nowrap
}

#welcomeBlock {
    color: #666;
    margin-bottom: 18px
}

#welcomeBlock h1 {
    color: #0085b7;
    margin-bottom: 10px
}

#pageBanner {
    background: none no-repeat scroll left top transparent;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

#pageBanner table {
    margin-bottom: 17px
}

#pageBanner .color {
    background: url("images/splash-bg.png") no-repeat scroll left top transparent;
    padding-bottom: 15px
}

#pageBanner .color h1 {
    color: #fff;
    padding: 90px 20px 10px 262px
}

#pageBanner .color div {
    color: #ccc;
    padding: 5px 10px 0
}

#pageBanner .white {
    background: url("images/splash_white.png") no-repeat scroll left top transparent;
    padding-bottom: 17px
}

#pageBanner .white h1 {
    color: #014f8a;
    padding: 90px 20px 14px 262px
}

#pageBanner .white div {
    color: #666;
    padding: 0
}

#pageBanner .color1 {
    background: none no-repeat scroll left top #014f8a;
    padding: 10px
}

#pageBanner .color1 h1 {
    color: #fff;
    padding: 0 20px 0 0
}

#pageBanner .color1 img {
    margin-right: 2px
}

#pageBanner .color1 div {
    color: #ccc
}

#pageBanner .txt, #pageBanner .banner10 {
    margin-bottom: 17px
}

#pageBanner table {
    margin-bottom: 17px
}

#pageBanner table .txt {
    margin-bottom: 0
}

#pageBanner .txt h1 {
    color: #014f8a;
    margin-bottom: 3px
}

#pageBanner .txt h2 {
    color: #0085b7;
    height: 16px
}

#pageBanner .txt div, #pageBanner .banner10 div {
    color: #666;
    padding: 0
}

#pageBanner .banner10 h1 {
    color: #0085b7;
    line-height: 110%;
    padding: 0 0 5px
}

#pageBanner .banner10 .withBG {
    color: #fff;
    margin-bottom: 5px;
    padding: 12px 2px 13px 10px
}

#pageBanner .banner10 .facultyBG {
    background: url("images/bannerTile.gif") repeat-y scroll left top transparent
}

#pageBanner .rImage {
    margin-left: 10px;
    max-width: 250px;
    min-width: 180px
}

#pageBanner .rVideo {
    margin-left: 10px
}

#pageBanner .rVideo img {
    height: 101px;
    width: 151px
}

#pageBanner .rVideo .vButton {
    float: left;
    margin-left: 10px;
    padding-top: 30px
}

#pageBanner .rVideo .vButton img {
    height: 45px;
    margin-bottom: 5px;
    width: 65px
}

#pageBanner .notices {
    background: url("images/splash-bg.png") no-repeat scroll left top transparent;
    float: left;
    padding-bottom: 15px;
    width: 100%
}

#pageBanner .notices h1 {
    color: #fff;
    display: block;
    float: left;
    margin: 130px 0 0 20px;
    width: 56%
}

#pageBanner .notices #bannerList {
    color: #fff;
    float: right;
    margin: 0;
    padding: 20px 20px 0 0;
    position: relative;
    width: 33%
}

#pageBanner .notices #bannerList ul {
    list-style: none outside none;
    margin: 0 0 0 18px;
    padding: 0
}

#pageBanner .notices #bannerList ul li {
    list-style-image: url("images/Bullet.gif");
    list-style-position: outside;
    margin: 2px 0
}

#pageBanner .notices #bannerList ul li a, #pageBanner .notices #bannerList ul li a:visited {
    color: #fff;
    text-decoration: none
}

#pageBanner .notices #bannerList ul li a:hover {
    text-decoration: underline
}

#pageBanner .notices #bannerList div.hr, #pageBanner .notices #bannerList li.hr {
    background: url("images/hr.gif") repeat-x scroll 0 0 transparent;
    border: 0 solid #fff;
    height: 2px;
    margin: 3px 0
}

#pageBanner .notices #bannerList li.hr {
    list-style-image: none;
    list-style-position: inside;
    margin-left: -18px
}

#pageBanner .banner11Container {
    width: 100%;
    max-height: 122px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    background: transparent none no-repeat top left
}

#pageBanner .banner11Container h1.b4 {
    float: left;
    position: absolute;
    left: 20px;
    bottom: 10%;
    z-index: 1;
    color: #FFF;
    font-size: 27px;
    line-height: 30px;
    width: 565px
}

#pageBanner a.link_feature_video, #pageBanner a.link_feature_video:visited {
    display: block;
    height: 180px;
    text-decoration: none;
    cursor: pointer
}

#pageBanner .feature_video {
    max-height: 180px;
    height: 180px;
    background: transparent none no-repeat top right
}

#pageBanner .feature_video div.maori-pattern {
    border: 0;
    position: absolute;
    background: transparent url(images/slideshow/thumb_maori-pattern.png) no-repeat top right;
    top: 0;
    right: 0;
    width: 140px;
    height: 100px
}

#pageBanner .feature_video div.play-button {
    width: 61px;
    height: 44px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -30px;
    margin-top: -37px;
    background: transparent url(images/icons/play-button.png) no-repeat top left
}

#pageBanner .feature_video h1.b4 {
    font-size: 11px;
    line-height: 30px;
    color: #FFF;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent url(images/slideshow/alpha-bg-black-70.png) repeat top left;
    padding: 0 15px;
    font-weight: normal
}

#pageBanner .feature_video h1.b4 .n10 {
    font-size: 100%
}

.videoBanner {
    overflow: hidden;
    margin: 7px 0 10px
}

.videoShow {
    clear: both;
    height: 230px;
    margin: 0;
    padding: 0;
    position: relative
}

.hasVideoBlock {
    background: url("images/banner/lbg.png") repeat-y scroll 20px 0 #002e4c;
    padding: 0 20px 0 255px
}

.videoShow .vnotices {
    left: 0;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    width: 235px
}

.videoShow .vnotices .vtitle {
    color: #fff
}

.videoShow .vnotices .vintro {
    color: #ccc;
    padding: 5px 0
}

.videoShow .vplayButton {
    background: url("images/banner_video_button.png") no-repeat scroll right top transparent;
    color: #ff6;
    float: right;
    margin-right: 10px;
    padding-right: 50px;
    padding-top: 11px;
    text-align: right
}

.videoShow .vplayButton a {
    color: #fff;
    text-decoration: none
}

.videoShow .vplayButton a:hover {
    color: #fff;
    text-decoration: underline
}

.videoShow .imgsBox {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    overflow: hidden
}

.videoShow .imageContainer {
    z-index: 0;
    background: transparent url("images/loading.gif") no-repeat scroll center center
}

.videoShow .imageContainer p.flashmsg {
    color: #fff;
    padding: 30px
}

.videoShow .imgsBox .lSide, .videoShow .imgsBox .rSide {
    height: 230px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 5000
}

.videoShow .imgsBox .lSide {
    background: url("images/banner/llbg.png") repeat-y scroll left top transparent;
    left: 0
}

.videoShow .imgsBox .rSide {
    background: url("images/banner/rrbg.png") repeat-y scroll right top transparent;
    right: -1px
}

.videoShow .imgsBox .greyTitle {
    background: url("images/banner/greyTitle.png") repeat scroll left top transparent;
    color: #fff;
    left: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1000
}

.videoShow .imgsBox .greyTitle .t1 {
    display: block;
    float: right;
    padding: 4px 10px
}

.videoShow .imgsBox .greyTitle .t2 {
    background-color: #002e4c;
    display: block;
    float: right;
    padding: 4px 10px
}

.videoShow .imgsBox .greyTitle .t1 a, .videoShow .imgsBox .greyTitle .t1 a:visited, .videoShow .imgsBox .greyTitle .t2 a, .videoShow .imgsBox .greyTitle .t2 a:visited {
    color: #fff;
    text-decoration: underline
}

.videoShow .imgsBox .greyTitle .t1 a:hover, .videoShow .imgsBox .greyTitle .t2 a:hover {
    text-decoration: none
}

.videoShow .imgsBox .greyBox {
    background: url("images/banner/greyBox.png") repeat scroll left top transparent;
    border: 1px solid #000;
    bottom: 20px;
    position: absolute;
    right: 20px;
    width: 30%;
    z-index: 1000
}

.videoShow .imgsBox .greyBox p {
    color: #fff;
    padding: 5px
}

.videoShow .imgsBox .greyBox p a, .videoShow .imgsBox .greyBox p a:visited {
    color: #fff;
    text-decoration: none
}

.videoShow .imgsBox .greyBox p a:hover {
    text-decoration: underline
}

.rotatingImage {
    margin: 0 auto 20px
}

.rotatingImage .imageContainer {
    margin: 0 auto
}

.rotatingImage .textContainer {
    background-color: #014f8a;
    color: #ccc;
    margin: 0 auto;
    padding: 5px 10px 10px
}

.rotatingImage .textContainer a, .rotatingImage .textContainer a:visited, .rotatingImage .textContainer a:hover {
    color: #fff;
    text-decoration: none
}

.rotatingImage .textContainer a:hover {
    text-decoration: underline
}

.rotatingImage .textContainer a strong {
    cursor: pointer
}

.rotatingImage .gap {
    width: 2%
}

.listBox {
    clear: both;
    display: block;
    margin: 7px 0;
    padding: 0;
    position: relative
}

.listBox1 {
    clear: both;
    display: block;
    padding: 7px;
    position: relative
}

.alternate {
    background: #e7e7e7
}

.listBox .greyTxt, .listBox1 .greyTxt {
    color: #666
}

.listBox .redTxt, .listBox1 .redTxt, .redTxt {
    color: red
}

.withImage {
    min-height: 75px;
    padding-left: 70px;
    position: relative
}

.calWithImage {
    min-height: 60px;
    padding-left: 77px;
    position: relative
}

.listBox .image {
    left: 0;
    padding-bottom: 20px;
    position: absolute;
    top: 2px
}

.listBox1 .image {
    left: 0;
    position: absolute
}

.listBox .image img {
    border: medium none;
}

.listBox1 .image img {
    border: medium none;
}

.withRightImage {
    min-height: 75px;
    padding-right: 70px;
    position: relative
}

.withRightImage .image {
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    top: 4px
}

.VideoTeaserListing {
    margin: 0 0 20px
}

.withSmallVideoTeaser {
    min-height: 79px;
    padding-left: 120px;
    position: relative;
    margin: .7em 0 1.2em
}

.withSmallVideoTeaser .image img {
    border: medium none;
    height: 77px;
    width: 110px
}

.withSmallVideoTeaser .image .play-button {
    background: transparent url(images/icons/small-play-button.png) no-repeat top left;
    height: 30px;
    width: 43px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -22px
}

.withSmallVideoTeaser a.linkTxt, .withSmallVideoTeaser a.linkTxt:visited {
    text-decoration: none
}

.column1, .column2, .column3 {
    margin: 10px 0
}

.column1 .listBox, .column2 .listBox, .column3 .listBox {
    margin: 0;
    padding-bottom: 20px
}

.column1 .withImage {
    min-height: 65px
}

.column1 .bigImage .withImage {
    min-height: 75px;
    padding-left: 180px
}

.column1 .bigImage img {
    height: 70px;
    width: 170px
}

.column1 .autoImage .withImage {
    min-height: 0;
    padding-left: 0
}

.column1 .autoImage .image {
    float: left;
    left: auto;
    margin: 0 10px 0 0;
    padding-bottom: 0;
    position: relative;
    top: auto
}

.column1 .autoImage .image img {
    height: auto;
    width: auto
}

.column1 .topImage .withImage {
    padding-left: 0
}

.column1 .topImage .image {
    float: none;
    padding-bottom: 5px;
    position: relative
}

.column2 .list1, .column2 .list2 {
    float: left;
    width: 49.5%
}

.column2 .list1 {
    float: right
}

.column2 .withImage {
    min-height: 65px
}

.column2 .bigImage .withImage {
    min-height: 75px;
    padding-left: 180px
}

.column2 .bigImage img {
    height: 70px;
    width: 170px
}

.column2 .autoImage .withImage {
    min-height: 0;
    padding-left: 0
}

.column2 .autoImage .image {
    float: left;
    left: auto;
    margin: 0 10px 0 0;
    padding-bottom: 0;
    position: relative;
    top: auto
}

.column2 .autoImage .image img {
    height: auto;
    width: auto
}

.column2 .topImage .withImage {
    padding-left: 0
}

.column2 .topImage .image {
    float: none;
    padding-bottom: 5px;
    position: relative
}

.column2 table td {
    width: 49%
}

.column2 table td.gap {
    width: 2%
}

.column3 .list1, .column3 .list2, .column3 .list3 {
    float: left;
    width: 31%
}

.column3 .list3 {
    margin: 0 3.5%
}

.column3 .bigImage .withImage {
    min-height: 75px;
    padding-left: 180px
}

.column3 .bigImage img {
    height: 70px;
    width: 170px
}

.column3 .autoImage .withImage {
    padding-left: 0
}

.column3 .autoImage .image {
    float: left;
    left: auto;
    margin: 0 10px 0 0;
    padding-bottom: 0;
    position: relative;
    top: auto
}

.column3 .autoImage .image img {
    height: auto;
    width: auto
}

.column3 .topImage .withImage {
    padding-left: 0
}

.column3 .topImage .image {
    float: none;
    padding-bottom: 5px;
    position: relative
}

.column3 table td {
    width: 32%
}

.column3 table td.gap {
    width: 2%
}

.column1 hr, .column2 hr, .column3 hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0 0 19px;
    padding: 0
}

.column1 .dotted, .column2 .dotted, .column3 .dotted {
    border-style: dotted
}

.column1 .dashed, .column2 .dashed, .column3 .dashed {
    border-style: dashed
}

table.topPageListing td.bottom {
    vertical-align: bottom
}

table.topPageListing td.top {
    vertical-align: top
}

table.topPageListing td hr {
    margin: 20px 0
}

table.smallImage td img {
    height: 60px;
    width: 60px
}

.red-promotion {
    background-color: #c00
}

.blue-promotion {
    background-color: #46c0f4
}

.green-promotion {
    background-color: #9ec470
}

.yellow-promotion {
    background-color: #c9b544
}

.lightGrey-promotion {
    background-color: #999
}

.darkGrey-promotion {
    background-color: #666
}

.promotion {
    background: url("images/promotion-bg.png") no-repeat scroll left top transparent;
    display: block;
    height: 53px;
    margin-top: 8px;
    width: 170px;

    position: relative;
    overflow: hidden;
}

.promotion p {
    color: #fff;
    display: block;
    padding: 8px 10px;
    position: absolute;
    bottom: 0;
}

a.promotionLink, a.promotionLink:visited, a.promotionLink:hover, a.promotionLink:active {
    color: #fff;
    cursor: pointer
}

.anchorLink1 {
    margin: 12px 10px 15px 40px
}

.anchorLink1 dl {
    clear: both;
    margin-bottom: 2px;
    padding-left: 20px;
    position: relative
}

.anchorLink1 dt {
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.hr4 {
    border: 2px solid #ccc;
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.hr5 {
    border: 2px solid #ddd;
    margin-top: 0;
    padding: 0
}

.hr6 {
    border: 3px solid #ccc;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 0
}

.dottedLine {
    border-bottom: 1px dotted #999;
    padding: 0 0 5px
}

.contentBlock {
    margin-bottom: 12px;
}

.dottedLine p {
    margin-bottom: 1em
}

.contentBlock .longTxt p, .smallText p, .contentBlock .smallText p {
    margin: .7em 0
}

.contentBlock .rImage {
    float: right;
    margin: 5px 0 20px 20px
}

.contentBlock .lImage {
    float: left;
    margin: 5px 20px 20px 0
}

.contentBlock .mImage {
    clear: both;
    margin: 5px auto 20px
}

.contentBlock .mrImage {
    float: right;
    margin: 13px 0 10px 20px
}

.contentBlock .mlImage {
    float: left;
    margin: 13px 20px 10px 0
}

.contentBlock .mmImage {
    clear: both;
    margin: 13px auto 10px
}

.contentBlock .brImage {
    float: right;
    margin: 10px 0 5px 20px
}

.contentBlock .blImage {
    float: left;
    margin: 10px 20px 5px 0
}

.contentBlock .bmImage {
    clear: both;
    margin: 10px auto 5px
}

.contentBlock .imageCaption {
    background-color: #e4f1f8;
    padding: 6px;
    text-align: left;
    margin: 0
}

.contentBlock .imageCaption p {
    margin: 0;
    padding: 0
}

.contentBlock .lImage .imageCaption, .contentBlock .mImage .imageCaption, .contentBlock .rImage .imageCaption {
    margin-bottom: 10px
}

.contentBlock .mlImage .imageCaption, .contentBlock .mmImage .imageCaption, .contentBlock .mrImage .imageCaption {
    margin-bottom: 10px
}

.contentBlock .blImage .imageCaption, .contentBlock .bmImage .imageCaption, .contentBlock .brImage .imageCaption {
    margin-bottom: 5px
}

.contentBlock .preTitle {
    margin-bottom: 15px
}

.contentBlock .longTxt table {
    border: 0 none;
    border-collapse: separate;
    margin: 15px auto
}

.contentBlock .longTxt table p {
    font-size: 100%
}

.contentBlock .longTxt table td, .contentBlock .longTxt table th {
    padding: 8px 8px 8px 10px
}

.contentBlock .longTxt table .header {
    background-color: #0085b7;
    color: #fff
}

.contentBlock .longTxt table .odd {
    background-color: #f5f5f5
}

.contentBlock .longTxt table .even {
    background-color: #e7e7e7
}

.contentBlock .longTxt table .gap {
    background-color: #fff;
    padding: 0;
    text-indent: 0;
    width: 4px
}

.tableStyle table th {
    background-color: #0085b7;
    color: #fff
}

.contentBlock .longTxt .tableStyle table td {
    background-color: #e7e7e7
}

.contentBlock ul {
    list-style: none outside none;
    margin: .7em 0 .7em 15px;
    padding: 0;
}

.contentBlock ul ul, .contentBlock ol ul {
    margin: 7px 0 0
}

.contentBlock li {
    line-height: 140%;
    padding: 0 0 0 3px;
    margin: 0 0 7px 15px
}

.longTxt ul li {
    list-style-image: url("images/icons/dot.gif");
}

.longTxt ul ul li {
    list-style-image: url("images/dotH.png");
}

.longTxt ul ul ul li {
    list-style-image: url("images/dotR.png");
}

.contentBlock ol {
    margin: .7em 0 .7em 20px;
    padding: 0
}

.contentBlock ol>li, .contentBlock ul ol>li {
    list-style-image: none
}

.contentBlock ul ol, .contentBlock ol ol {
    margin: 7px 0 0 5px
}

.contentBlock .videoBox {
    background-color: #002e4c;
    border: 6px solid #666
}

.contentBlock .videoBox p {
    color: #fff;
    padding: 5px
}

.contentBlock .videoBox span.n10 {
    display: block;
    margin: 10px;
    padding: 0
}

.contentBlock .fileBox {
    margin: 2px 0
}

.contentBlock .fileIcon {
    border: 0 none;
    height: 16px;
    margin: 3px 0 0 0;
    width: 16px;
    float: left
}

.contentBlock .linkIcon {
    height: 6px;
    width: 6px;
    margin: 8px 0 0 6px
}

.anchorRightUp, .anchorRightUp:visited {
    background: url("images/anchor-up.gif") no-repeat scroll right top transparent;
    height: 12px;
    margin-bottom: 10px;
    margin-top: -8px;
    padding-right: 12px
}

.anchorRightUp:hover {
    background-position: right bottom
}

#feedback {
    background-color: #fff;
    border: 0 solid #999;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#innerFeedback {
    background-color: #f9f9f9;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    color: #000;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .6em;
    padding: 0;
    width: 350px
}

#innerFeedback .inside {
    padding: 0 10px;
    text-align: left
}

#innerFeedback form {
    font-size: 10px
}

#innerFeedback form p.feedbackformtitle {
    color: #014f8a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 120%;
    margin: 5px 0 1em;
    font-size: 117%
}

.bottomFade {
    background-color: #fff;
    background-image: url("images/bottom_fade.gif");
    background-repeat: repeat-x;
    padding: 0
}

.cname {
    display: none
}

#feedback select, #feedback input, #feedback textarea {
    font-size: 11px
}

.leftNav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 170px
}

.leftNav ul, .leftNav li {
    cursor: pointer;
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.leftNav div.pmenu {
    overflow: hidden
}

.leftNav a, .leftNav a:link, .leftNav a:active, .leftNav a:visited {
    text-decoration: none
}

.leftNav .level-1, .leftNav .level-2 {
    display: none
}

.leftNav a.header-0, .leftNav a.header-0:link, .leftNav a.header-0:active, .leftNav a.header-0:visited {
    background-color: #069;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 69%/100% verdana;
    padding: 6px 15px 6px 5px;
    text-decoration: none;
    text-transform: uppercase
}

.leftNav a.header-0:hover {
    background-position: 0 -138px
}

.leftNav li:hover a.header-0:active {
    background-position: 0 -276px
}

.leftNav a.aHeader-0, .leftNav a.aHeader-0:link, .leftNav a.aHeader-0:active, .leftNav a.aHeader-0:visited {
    background-color: #069;
    background-position: -170px 0;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 69%/100% verdana;
    padding: 6px 15px 6px 5px;
    text-transform: uppercase
}

.leftNav a.aHeader-0:hover {
    background-position: -170px -138px
}

.leftNav li:hover a.aHeader-0:active {
    background-position: -170px -276px
}

.leftNav a.header-1 span {
    background-color: transparent;
    background-position: -340px 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #d7d7d8;
    color: #000;
    cursor: pointer;
    display: block;
    font: 9px/122% verdana;
    margin: 0;
    padding: 4px 5px 5px 19px;
    position: relative
}

.leftNav a.header-1:hover span {
    background-position: -340px -80px;
    border-bottom: 1px solid #797979
}

.leftNav li:hover a.header-1:active span {
    background-position: -340px -160px;
    border-bottom: 1px solid #246b8e
}

.leftNav a.cHeader-1 span, .leftNav a.cHeader-1:visited span {
    background-position: -340px -240px;
    border-bottom: 1px solid #d7d7d8;
    font-weight: bold
}

.leftNav li:hover a.cHeader-1:hover span {
    background-position: -340px -400px;
    border-bottom: 1px solid #797979
}

.leftNav li:hover a.cHeader-1:active span {
    background-position: -340px -320px;
    border-bottom: 1px solid #246b8e
}

.leftNav a.aHeader-1 span, .leftNav a.aHeader-1:active span, .leftNav a.aHeader-1:visited span {
    background-position: -340px -320px;
    border-bottom: 1px solid #246b8e;
    color: #fff;
    font-weight: bold
}

.leftNav li:hover a.aHeader-1:hover span {
    background-position: -340px -320px;
    border-bottom: 1px solid #797979
}

.leftNav li:hover a.aHeader-1:active span {
    background-position: -340px -320px;
    border-bottom: 1px solid #246b8e
}

.leftNav a.header-2 {
    position: relative
}

.leftNav a.header-2 span {
    background-color: transparent;
    background-position: -510px 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #efefef;
    color: #000;
    cursor: pointer;
    display: block;
    font: 9px/122% verdana;
    margin: 0;
    padding: 3px 5px 3px 12px;
    position: relative
}

.leftNav a.header-2:hover span {
    background-position: -510px -85px;
    text-decoration: underline
}

.leftNav a.header-2:active span {
    background-position: -510px -170px;
    color: #fff;
    text-decoration: none
}

.leftNav a.aHeader-2 span, .leftNav a.aHeader-2:visited span {
    background-color: transparent;
    background-position: -510px -170px;
    background-repeat: no-repeat;
    color: #fff;
    position: relative
}

.leftNav a.aHeader-2:hover span {
    background-position: -510px -170px
}

.leftNav a.header-2 span.last, .leftNav a.aHeader-2 span.last {
    border-bottom-width: 0
}

.leftNav a.header-2 b.top {
    background-color: transparent;
    background-image: url("images/nav/subNavItem-shadow-top.png");
    background-position: left top;
    background-repeat: repeat-x;
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 170px
}

.leftNav a.header-2 b.bottom {
    background: url("images/nav/subNavItem-shadow-bottom.png") repeat-x scroll left top transparent;
    display: block;
    height: 6px;
    margin-bottom: -1px;
    margin-left: 0;
    margin-top: -6px;
    position: relative;
    width: 170px
}

.leftNav a.header-2 b.bottomExt, .leftNav a.header-3 b.bottomExt, .leftNav a.header-4 b.bottomExt {
    background-color: transparent;
    display: block;
    height: 0;
    line-height: 0;
    margin-top: 1px;
    position: relative
}

.leftNav .show {
    display: block
}

.leftNav ul.level-3 {
    display: none;
    font: 56%/120% verdana
}

.leftNav ul.show {
    display: block
}

.leftNav .level-3 a, .leftNav .level-4 a, .leftNav .level-5 a, .leftNav .level-3 a:visited, .leftNav .level-4 a:visited, .leftNav .level-5 a:visited {
    cursor: pointer;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-top: 3px
}

.leftNav a.header-1, .leftNav a.header-2, .leftNav a.header-3, .leftNav a.header-4, .leftNav a.header-5 {
    position: relative
}

.leftNav a.header-2 span {
    padding-left: 16px
}

.leftNav a.cHeader-2 span {
    background-position: -510px -255px;
    font-weight: bold
}

.leftNav a.cHeader-2:hover span {
    background-position: -510px -340px
}

.leftNav a.cHeader-2:active span {
    background-position: -510px -425px
}

.leftNav a.acHeader-2 span {
    background-position: -510px -255px;
    font-weight: bold;
    text-decoration: line-through
}

.rightNav ul, .rightNav li {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.rightNav {
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.rightNav a, .rightNav a:link, .rightNav a:active, .rightNav a:visited {
    display: block;
    text-decoration: none
}

.rightNav a {
    border: medium none;
    display: block
}

.rightNav b.link-0 {
    background: url("images/non-repeating-bg-v3.png") repeat-x scroll -680px -317px transparent;
    color: #fff;
    display: block;
    padding: 5px 1px 5px 6px;
    text-decoration: none;
    text-transform: uppercase
}

.rightNav a.link-1, .rightNav a.link-1:visited {
    background: url("images/non-repeating-bg-v3.png") repeat-x scroll -680px 0 #efefef;
    border-bottom: 1px solid #d7d7d8;
    color: #000;
    font: 9px/11px verdana;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px
}

.rightNav a.link-1:hover {
    background-position: -680px -106px
}

.rightNav a.link-1:active {
    background-position: -680px -212px
}

#bottom_info {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #bcbcbc;
    clear: both;
    height: 100%;
    margin-top: 15px;
    width: 100%
}

#bottom_info_header {
    background: url("images/bottom_header.gif") repeat-x scroll 0 0 transparent;
    height: 37px;
    padding: 10px 0 0 10px
}

#bottom_info ul {
    margin: 0 0 8px -40px;
    padding-bottom: 15px
}

#bottom_info ul li {
    background: url("images/Bullet.gif") no-repeat scroll 10px 4px transparent;
    border-left: 1px solid #d7d7d8;
    display: inline;
    float: left;
    width: 24.5%
}

#bottom_info ul li a.black, #bottom_info ul li a.black:visited {
    display: block;
    margin: 0 0 0 25px;
    text-decoration: none
}

#bottom_info ul li a.black:hover {
    text-decoration: underline
}

.iCal {
    height: 15px;
    margin: 0 0 -4px;
    width: 15px
}

.iCal2 {
    height: 15px;
    margin: 0 0 -3px;
    width: 15px
}

.clear {
    clear: both;
    display: block;
    font-size: .1em
}

.clear br {
    font-size: .1em;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0
}

.halfWidth-left {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 48.2%
}

.halfWidth-right {
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
    width: 48.2%
}

.fullWidth, .fullWidth-left, .fullWidth-right {
    clear: both;
    width: 100%
}

.halfWidth {
    width: 50%
}

.halfWidth-left .halfWidth-left, .halfWidth-left .halfWidth-right, .halfWidth-right .halfWidth-left, .halfWidth-right .halfWidth-right {
    clear: both;
    float: none;
    margin: 0;
    width: 100%
}

.fullWidth .VideoTeaserListing, .fullWidth-left .VideoTeaserListing, .fullWidth-right .VideoTeaserListing, .halfWidth-left .VideoTeaserListing, .halfWidth-right .VideoTeaserListing {
    margin: 0 0 20px
}

.block {
    display: block
}

.none {
    display: none
}

.black {
    color: #000
}

.blue1 {
    color: #0085b7
}

.blue3 {
    color: #014f8a
}

.longTxt h3,
.facultyColor {
    color: #0085b7
}

.darkFacultyColor {
    color: #014f8a
}

.bgFacultyColor {
    background-color: #014f8a
}

.white {
    color: #fff
}

.red {
    color: #c00
}

.grey {
    color: #666
}

.form1 {
    width: 520px
}

#formStyle {
    float: left
}

#formStyle label {
    display: block;
    float: left;
    width: 200px
}

#formStyle .errorMsg {
    color: #666;
    font-size: 10px;
    font-weight: 400;
    margin-left: 150px;
    text-align: left;
    width: 200px
}

#formStyle span.mandatory {
    color: red;
    font-weight: 700
}

#formStyle input {
    float: left;
    margin: 2px 0 10px;
    padding: 2px;
    width: 240px
}

.listingfields {
    font: bold 70%/140% verdana;
    padding: 10px 0
}

.listingfields table {
    background: #cceaf3;
    padding: 5px
}

.listingfields form {
    display: inline;
    margin-right: 20px
}

.listingfields input {
    margin-right: 15px
}

.listingfields select {
    font: 11px verdana;
    margin-right: 15px
}

.listingfields .button {
    font: 12px/14px verdana
}

.listingfields input, .listingfields textarea, .listingfields select {
    font: normal 11px verdana
}

.listingfields input#searchvalue {
    width: 140px
}

.listingfields select#category_filter {
    width: 180px
}

.programFinderForm fieldset {
    border: 1px solid #949494;
    margin: 10px 0;
    padding: 10px;
    text-align: left;
    width: 95%
}

.programFinderForm fieldset legend {
    display: none
}

.programFinderForm h5 {
    margin: 5px 0 8px
}

.programFinderForm h6 {
    margin-top: 5px
}

.programFinderForm .inline p {
    display: inline
}

.programFinderForm .selectBox {
    display: block
}

.programFinderForm .selectBox input {
    margin-bottom: 3px
}

.programFinderForm .selectBox label {
    cursor: pointer;
    margin-right: 15px
}

.programFinderForm input#search {
    cursor: pointer;
    padding: 0 10px
}

.relatedLinkBox {
    margin: 0 0 10px
}

.relatedLinkBox.withMedia {
    margin-top: 15px
}

.relatedLinkBox .relatedLinks {
    padding: 0 0 5px
}

.relatedLinkBox h6.b10 {
    font: bold 80%/140% verdana
}

.relatedLinkBox .relatedLinks dl {
    margin: 5px 0 -2px 5px;
    padding: 0 0 0 20px;
    position: relative
}

.relatedLinkBox .relatedLinks dl dt {
    float: left;
    margin-left: -20px
}

.relatedLinkBox .relatedLinks dl dd {
    margin: 0 0 0 5px
}

.relatedLinkBox .relatedLinks dl dd a.relatedLinks {
    font-size: 70%;
    text-decoration: none
}

.relatedLinkBox .relatedLinks dl dd a.relatedLinks:hover {
    text-decoration: underline
}

.withImage1 {
    min-height: 80px;
    padding-left: 90px
}

.listBox .image1 img {
    height: 80px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 80px
}

.listBox .more img {
    height: auto;
    top: auto;
    width: auto
}

#pageBanner .color h1.mediaBannerTitle {
    padding: 90px 20px 10px 298px
}

.rotatingImageBanner .imageContainer {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.rotatingImageBanner h1 b {
    font-size: 185%
}

.rotatingImageBanner .mediaIcon {
    background: url("images/media_banner_icon.png") no-repeat scroll left top transparent;
    height: 17px;
    left: 355px;
    position: absolute;
    top: 65px;
    width: 137px;
    z-index: 200
}

.rotatingImageBanner .color {
    position: relative;
    z-index: 100
}

.rightContentBlock b.rightContentTitle {
    padding: 5px 0
}

.rightContentBlock .rightContentBody {
    border: 0 solid #ccc;
    border-width: 1px 0;
    background-color: #eee;
    padding: 8px 5px
}

.rightContentBlock .rightContentBody ul {
    margin: 0 0 0 15px;
    padding: 0
}

.rightContentBlock .rightContentBody ul li {
    list-style-position: outside
}

.staffDirectorySearchBox input.text {
    margin: 4px 0;
    width: 150px
}

.staffDirectorySearchBox select {
    width: 154px;
    margin: 0 0 5px
}

.jqmWindow {
    z-index: 30000;
    display: none;
    left: 50%
}

.blackOverlay {
    background: #000
}

.confirmDialog1 {
    width: 400px;
    top: 200px;
    margin-left: -200px;
    position: fixed;
    background: #FFF;
    border: 1px solid #8baccf;
    text-align: center
}

.confirmDialog1 div.dialogHeader {
    background: #8baccf url(images/jqmodal/popup_bg.png) repeat-x scroll 0 0;
    color: #FFF;
    font-weight: bold;
    height: 24px
}

.confirmDialog1 .closeButton, .confirmDialog1 .closeButton:visited {
    position: absolute;
    float: right;
    height: 19px;
    line-height: 100px;
    width: 34px;
    overflow: hidden;
    top: 0;
    right: 5px;
    text-decoration: none
}

.confirmDialog1 .closeButton span {
    background: transparent url(images/jqmodal/popup_bg.png) no-repeat 0 -30px;
    display: block;
    width: 34px;
    height: 19px
}

.confirmDialog1 .closeButton:hover span {
    background-position: -37px -30px
}

.confirmDialog1 .dialogBody {
    margin: .7em
}

.confirmDialog2 {
    position: absolute;
    top: 30px;
    width: 572px;
    margin-left: -286px;
    margin-top: 114px
}

.confirmDialog2 div.dialogHeader {
    background-image: url(images/jqmodal/dialog-box-top.png);
    color: #FFF;
    height: 35px;
    line-height: 25px;
    padding-left: 19px;
    padding-top: 12px
}

.confirmDialog2 div.dialogCloseButton {
    border: 0 dashed #CCC;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 10px 5px 10px 0;
    text-align: right;
    text-decoration: none
}

.confirmDialog2 .closeButton, .confirmDialog2 .closeButton:visited {
    float: right;
    height: 30px;
    line-height: 28px;
    background: transparent url(images/jqmodal/button-action-right.png) no-repeat top right;
    text-decoration: none
}

.confirmDialog2 .closeButton span {
    float: left;
    background: transparent url(images/jqmodal/button-action-left.png) no-repeat top left;
    color: #FFF;
    height: 30px;
    line-height: 28px;
    margin-left: -3px;
    padding: 0 20px 0 10px
}

.confirmDialog2 .dialogBody {
    background-color: #FFF;
    padding: .7em
}

table.bottomLogos {
    margin: 10px auto
}

table.bottomLogos tr td {
    padding: 3px 8px
}

body, html {
    font-family: verdana
}

a, a:visited {
    color: #00c;
    text-decoration: underline
}

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

#masthead #askauckland {
    font: 95% verdana;
    text-decoration: none
}

#masthead #headerContactUs, #masthead #headerContactUs:visited {
    font: bold 60% verdana;
    text-decoration: none
}

#masthead #headerContactUs:hover {
    text-decoration: underline
}

#mastFooter {
    font: 55%/30px verdana
}

#copyright a {
    color: #fff;
    text-decoration: none
}

#copyright a:hover {
    text-decoration: underline
}

#footerNav {
    color: #fff
}

#footerNav a {
    color: #fff;
    text-decoration: none
}

#footerNav a:hover {
    text-decoration: underline
}

#breadCrumb {
    font: 9px/120% verdana
}

#welcomeBlock {
    font: bold 80%/130% verdana
}

#welcomeBlock h1 {
    font: bold 175%/140% verdana
}

.listBox, .listBox1 {
    font: 100%/100% verdana
}

.listBox .linkTxt, .listBox1 .linkTxt {
    font: bold 75%/140% verdana
}

.listBox .longTxt, .listBox1 .longTxt {
    font: 70%/140% verdana
}

.listBox .greyTxt, .listBox .redTxt, .listBox1 .greyTxt, .listBox1 .redTxt, .redTxt {
    font: 60%/140% verdana
}

.contentBlock .longTxt table {
    font: 80%/140% verdana
}

.contentBlock .longTxt table ul, .contentBlock .longTxt table ol {
    font-size: 100%
}

.contentBlock p, .contentBlock ul, .contentBlock ol {
    font: 80%/140% verdana
}

.contentBlock p .header {
    font: bold 110%/140% verdana
}

.contentBlock p .header strong.header {
    font: bold 100%/140% verdana
}

.contentBlock ul li ul, .contentBlock ul li ol, .contentBlock ol li ul, .contentBlock ol li ol {
    font: 100%/140% verdana
}

.rightNav b.link-0 {
    font: bold .69em/1.1em verdana
}

.rightNav a.link-1, .rightNav a.link-1:visited {
    font: 9px/11px verdana
}

.imageLink, .imageLink:visited {
    display: block;
    text-decoration: none
}

.imageLink img {
    border: 0
}

.bottomContainer {
    margin: .7em 190px;
    text-align: left;
    clear: both
}

.bottomContainer .addthis_toolbox .addthis_button_facebook_like, .bottomContainer .addthis_toolbox .addthis_button_tweet {
    padding: 0 2px;
    float: left;
    cursor: pointer
}

.bottomContainer .addthis_toolbox .addthis_button {
    font-size: 10px;
    background: transparent url(images/sm-plus.png) no-repeat center left;
    padding: 5px 18px;
    line-height: 20px;
    color: #666;
    text-decoration: none
}

.bottomContainer .addthis_toolbox .addthis_button_email {
    font-size: 10px;
    background: transparent url(images/button-email.png) no-repeat center left;
    padding: 0 18px;
    line-height: 20px;
    color: #666;
    float: right
}

.bottomContainer .addthis_toolbox .addthis_button_email span {
    display: none
}

.bottomContainer .addthis_toolbox .uoa_button_email {
    font-size: 10px;
    background: transparent url(images/button-print.png) no-repeat center left;
    padding: 0 18px;
    line-height: 20px;
    color: #666;
    float: right
}

.bottomContainer .addthis_toolbox {
    padding-left: 190px;
    padding-right: 190px;
    height: 1.5em
}

.bottomContainer .addthis_toolbox .addthis_button_share {
    font-size: 10px;
    line-height: 15px;
    color: #666;
    float: left
}

.bottomContainer .atclear {
    clear: both;
    display: block
}

.socialNetworkContainer {
    margin: .7em 0;
    text-align: left
}

.googleMapsBlock {
    position: relative;
    clear: both
}

.googleMapsBlock .googleMapContainer {
    margin: 0 auto;
    font-size: 10px
}

.googleMapsBlock .loadingMap {
    background: #eee url(images/loading.gif) no-repeat center center;
    height: 100%;
    width: 100%
}

.googleMapsBlock .mapAddressTable {
    margin-right: 5px
}

.googleMapsBlock .mapAddressTable tr td {
    background-color: #eee;
    border-bottom: 1px solid #d5d5d5;
    padding: 5px
}

.googleMapsBlock .mapAddressTable tr.even td {
    background-color: #fff
}

.googleMapsBlock .mapAddressTable .addressItem {
    font-size: 10px;
    padding-left: 35px
}

.googleMapsBlock .mapAddressTable .addressItem .addressIndex {
    float: left;
    background: transparent url(images/googlemap/standard-icon.gif) no-repeat center center;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    margin-left: -35px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    width: 24px
}

.googleMapsBlock .mapAddressTable .addressItem .addressDetails .addressLinkTitle {
    line-height: 24px
}

.googleMapsBlock .googleMapNavigationBlock {
    height: 60px
}

.googleMapsBlock .mapNavigation {
    background: transparent url(images/googlemap/pg-tour-nav-bg.png) no-repeat top left;
    width: 100%;
    margin: 5px 0;
    height: 58px
}

.googleMapsBlock .mapNavigation .mapNavigationCap {
    height: 58px;
    background: transparent url(images/googlemap/pg-tour-nav-bg.png) no-repeat bottom right;
    width: 100%;
    margin: 0
}

.googleMapsBlock .mapNavigation .mapNavigationCap table {
    width: 98%;
    margin: 0 auto
}

.googleMapsBlock .mapNavigation .mapNavigationCap table tbody tr td {
    height: 55px
}

.googleMapsBlock .topMapNav {
    position: absolute;
    top: 0;
    left: 0
}

.googleMapsBlock .mapNavigation .mapNav {
    text-align: center;
    margin: 0;
    width: 180px;
    height: 24px
}

.googleMapsBlock .mapNavigation .mapNav a, .googleMapsBlock .mapNavigation .mapNav a:visited {
    text-decoration: none;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    display: block;
    width: 182px
}

.googleMapsBlock .mapNavigation .mapNav a:hover {
    border: 1px solid #117faa;
    width: 180px;
    background-color: #FFF;
    color: #666
}

.googleMapsBlock .mapNavigation .currentMapNav {
    height: 45px;
    line-height: 45px
}

.googleMapsBlock .mapNavigation .currentMapNav a, .googleMapsBlock .mapNavigation .currentMapNav a:hover, .googleMapsBlock .mapNavigation .currentMapNav a:active, .googleMapsBlock .mapNavigation .currentMapNav a:visited {
    background: transparent url(images/googlemap/pgtour-map-active-nav_180.png) no-repeat top left;
    color: #FFF;
    width: 180px;
    border: 0;
    line-height: 45px;
    height: 45px;
    padding: 0;
    margin: 0
}

.googleMapsBlock .topMapNav .currentMapNav a, .googleMapsBlock .topMapNav .currentMapNav a:hover, .googleMapsBlock .topMapNav .currentMapNav a:active, .googleMapsBlock .topMapNav .currentMapNav a:visited {
    background: transparent url(images/googlemap/pgtour-map-top-nav_180.png) no-repeat top left
}

.googleMapsBlock .googleMapsContainer {
    position: relative
}

.googleMapsBlock .hideMap {
    position: absolute;
    left: -6000px;
    top: -6000px
}

.slideShowContainer {
    padding-left: 185px;
    margin: 0 0 20px 0;
    height: 187px;
    position: relative;
    clear: both
}

.slideShowContainer .slideShowText {
    position: relative;
    float: left;
    margin-left: -185px;
    width: 185px;
    height: 187px;
    background: transparent url(images/slideshow/hpg-ss-blue-panel.gif) no-repeat top left;
    z-index: 99
}

.slideShowContainer .maoriType {
    background-image: url(images/slideshow/banner-bg-maori.jpg)
}

.slideShowContainer .pacificType {
    background-image: url(images/slideshow/banner-bg-pacific.jpg)
}

.slideShowContainer .blueType {
    background-image: url(images/slideshow/banner-bg-blue.jpg)
}

.slideShowContainer .perspectivesType {
    background-image: url(images/slideshow/banner-bg-perspectives.jpg)
}

.slideShowContainer .slideShowText strong.slideShowTitle {
    float: left;
    font-size: 20px;
    line-height: 24px;
    color: #FFF;
    margin: 5px 10px
}

.slideShowContainer .slideShowText .slideShowIntroducton {
    clear: both;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin: 10px
}

.slideShowContainer .slideShowImageContainer {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 187px
}

.slideShowContainer .slideShowImageContainer .imageContainer img.slides {
    position: absolute;
    top: 0;
    left: 0
}

.slideShowContainer .slideShowImageContainer .leftShadow, .slideShowContainer .slideShowImageContainer .rightShadow {
    background: transparent url(images/slideshow/shadow.png) no-repeat 0 -120px;
    position: absolute;
    height: 187px;
    width: 204px;
    top: 0;
    left: 0;
    z-index: 99
}

.slideShowContainer .slideShowImageContainer .rightShadow {
    background: transparent url(images/slideshow/shadow.png) no-repeat right bottom;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.slideShowContainer .slideShowImageContainer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.slideShowContainer .slideShowImageContainer ul li {
    list-style: none
}

.slideShowContainer .slideShowImageContainer .slideShowImageItem {
    overflow: hidden;
    position: absolute
}

.slideShowContainer .slideShowImageContainer div.slideShowImagePager {
    z-index: 100;
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 20px;
    left: 20px
}

.slideShowContainer .slideShowImageContainer div.slideShowImagePager a {
    float: left;
    margin-right: 5px;
    background-color: #000;
    opacity: .65;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #fff;
    color: #FFF;
    padding: 2px 5px;
    text-decoration: none
}

.slideShowContainer .slideShowImageContainer div.slideShowImagePager a.activeSlide, .slideShowContainer .slideShowImageContainer div.slideShowImagePager a.activeSlide:visited {
    color: #000;
    background-color: #FFF;
    opacity: .5
}

.slideShowContainer .slideShowImageContainer div.slideShowImagePager a:hover {
    text-decoration: underline
}

.slideShowContainer .watermark {
    background: transparent url(images/slideshow/maori-bg.png) no-repeat 130px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 185px;
    z-index: 99
}

.slideShowContainer .slideShowImageContainer .watermark {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    width: 300px;
    background-position: 100% 100%
}

.slideShowLayout_Perspectives {
    overflow: hidden;
    margin: 0 0 .7em
}

.slideShowLayout_Perspectives .slideShowText {
    z-index: 99
}

.slideShowLayout_Perspectives .slideShowText .slideShowIntroducton {
    font-size: 12px;
    color: #fff;
    font-family: verdana
}

.slideShowLayout_Perspectives .slideShowText strong.slideShowTitle {
    padding-top: 24px;
    font-weight: normal;
    font-family: verdana;
    opacity: .95;
    text-shadow: none
}

.slideShowLayout_Perspectives .slideShowImageContainer a.slideShowImageLinks {
    display: block;
    width: 100%;
    height: 100%
}

.slideShowLayout_Perspectives .slideShowImageContainer .slideShowImageItem {
    height: 187px;
    overflow: hidden;
    width: 100%;
    position: absolute
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext {
    background: transparent url(images/slideshow/slider-bg-ie2.png) repeat top left;
    bottom: 0;
    color: #fff;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    left: 9%;
    position: absolute;
    width: 80%
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table {
    width: 100%
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle {
    padding: 5px 0
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle a, .slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle a:visited {
    text-decoration: none
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle a:hover {
    text-decoration: underline
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton, .slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton {
    padding: 5px 0;
    width: 30px;
    text-align: center;
    overflow: hidden
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton img, .slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton img {
    margin-top: 1px
}

.slideShowLayout_Perspectives .slideShowImageContainer .playButton {
    background: transparent url(images/icons/play-button.png) no-repeat scroll center center;
    position: absolute;
    top: 50%;
    left: 49%;
    margin-left: -30px;
    margin-top: -22px;
    width: 61px;
    height: 44px;
    cursor: pointer
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext a, .slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext a:visited {
    color: #fff;
    text-decoration: none
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle {
    padding: 5px 0
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton {
    text-align: left
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton {
    text-align: right
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton a.prevItem, .slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton a.nextItem {
    padding: 30px 8px;
    display: inline
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton a.prevItem:hover {
    background: transparent url(images/slideshow/nav-hover.png) repeat right center
}

.slideShowLayout_Perspectives .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton a.nextItem:hover {
    background: transparent url(images/slideshow/nav-hover.png) repeat right center
}

.slideShowLayout_panel {
    height: 278px;
    padding-left: 185px
}

.slideShowLayout_panel .slideShowText {
    height: 278px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee
}

.slideShowLayout_panel .slideShowText .slideShowHeader {
    font-family: verdana;
    font-size: 20px;
    line-height: 24px;
    color: #FFF;
    padding: 5px 8px 10px;
    font-weight: normal;
    opacity: .95
}

.slideShowLayout_panel .slideShowText .slideShowNav, .slideShowLayout_panel .slideShowText .slideShowNav:visited {
    color: #333;
    font-size: 12px;
    float: left;
    margin: 5px;
    text-decoration: none;
    margin-left: 10px
}

.slideShowLayout_panel .slideShowText .slideShowNav span, .slideShowLayout_panel .slideShowText .slideShowNav:visited span {
    margin: 5px;
    display: block;
    padding-right: 5px;
    width: 135px
}

.slideShowLayout_panel .slideShowText .slideShowNav {
    background: transparent url(images/slideshow/nav-blue-arrow.png) no-repeat right center;
    padding-right: 15px;
    width: 150px;
    cursor: pointer
}

.slideShowLayout_panel .slideShowText .slideShowNav:hover span {
    text-decoration: underline;
    font-family: verdana;
    font-size: 12px
}

.slideShowLayout_panel .slideShowText a:hover {
    font-family: verdana;
    font-size: 12px;
    background: transparent url(images/slideshow/nav-white-bg.png) repeat-y right center
}

.slideShowLayout_panel .slideShowText .active {
    background: transparent url(images/slideshow/nav-white-arrow.png) no-repeat right center;
    width: 165px
}

.slideShowLayout_panel .slideShowText a.active, .slideShowLayout_panel .slideShowText a.active:visited {
    background: transparent url(images/slideshow/nav-white-arrow.png) no-repeat right center;
    color: #000
}

.slideShowLayout_panel .slideShowImageContainer, .slideShowLayout_panel .slideShowImageContainer .slideShowImageItem {
    height: 278px
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.itemTitle {
    padding: 15px 0
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton {
    padding-left: 5px
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton {
    padding-right: 5px
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton a.prevItem, .slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton a.nextItem {
    padding: 10px 8px 10px 10px;
    display: inline
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.prevButton a.prevItem:hover {
    background: transparent url(images/slideshow/nav-hover.png) repeat right center
}

.slideShowLayout_panel .slideShowImageContainer .cscaptiontext table tbody tr td.nextButton a.nextItem:hover {
    background: transparent url(images/slideshow/nav-hover.png) repeat right center
}

.slideShowLayout_panel .slideShowImageContainer .leftShadow, .slideShowLayout_panel .slideShowImageContainer .rightShadow {
    height: 278px
}

.slideShowLayout_Links {
    height: 278px
}

.slideShowLayout_Links .slideShowText {
    height: 278px
}

.slideShowLayout_Links .slideShowLinksContainer {
    background: transparent none no-repeat scroll top left;
    height: 100%;
    position: relative
}

.slideShowLayout_Links .slideShowLinksContainer .slideShowLinksDescription {
    font-size: 11px;
    line-height: 15px;
    color: #FFF;
    margin: 0 20px;
    position: absolute;
    bottom: 20px
}

.slideShowLayout_Links .withSlideShowLinks {
    padding-right: 210px
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksDescription {
    margin-right: 210px
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList {
    padding: 5px 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    background: transparent url(images/slideshow/alpha-bg-black-70.png) repeat top left;
    width: 180px;
    overflow: hidden
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList dl {
    padding: 0 0 0 12px;
    color: #FFF;
    font-size: 10px;
    line-height: 14px;
    list-style: none;
    margin: 5px 5px 5px 8px;
    position: relative
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList dt {
    position: absolute;
    top: 0;
    left: 0
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList a, .slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList a:visited {
    color: #FFF;
    font-size: 10px;
    line-height: 14px;
    text-decoration: none
}

.slideShowLayout_Links .withSlideShowLinks .slideShowLinksContainerList a:hover {
    text-decoration: underline
}

.genericPanelContainer {
    background-color: #024475;
    margin-bottom: 20px;
    position: relative
}

.genericPanelContainer .topRightCorner {
    position: absolute;
    top: -3px;
    right: -1px;
    width: 22px;
    height: 22px;
    background: transparent url(images/generic_panel/corner.png) no-repeat top right
}

.genericPanelContainer .genericPanelTitle {
    font-size: 18px;
    color: #FFF;
    padding: 10px
}

.genericPanelContainer .genericpanel_type_a, .genericPanelContainer .genericpanel_type_b {
    position: relative
}

.genericPanelContainer .genericpanel_type_a .genericPanelLinks {
    padding-bottom: 10px
}

.genericPanelContainer .genericPanelLinks ul {
    list-style-position: outside;
    list-style-image: url(images/generic_panel/arrow.gif);
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 0
}

.genericPanelContainer .genericPanelLinks li {
    font-size: 11px;
    line-height: 14px;
    color: #FFF;
    margin-bottom: 5px
}

.genericPanelContainer .genericPanelLinks li a, .genericPanelContainer .genericPanelLinks li a:visited {
    color: #FFF;
    text-decoration: none
}

.genericPanelContainer .genericPanelLinks li a:hover {
    text-decoration: underline
}

.genericPanelContainer .genericpanel_type_b {
    padding: 0 0 0 220px
}

.genericPanelContainer .genericpanel_type_b .genericPanelTitle {
    position: absolute;
    top: 0;
    left: 0
}

.genericPanelContainer .genericpanel_type_b .genericPanelLinks {
    margin: 0;
    padding: 10px 20px 10px 10px;
    border-left: 1px solid #2e648c
}

.genericPanelContainer .noticesBoxPanel .genericPanelTitle a, .genericPanelContainer .noticesBoxPanel .genericPanelTitle a:visited {
    color: #FFF;
    text-decoration: none
}

.genericPanelContainer .noticesBoxPanel .genericPanelTitle a:hover {
    text-decoration: underline
}

.mediaGalleryBlock {
    clear: both;
    position: relative
}

.mediaGalleryBlock .mediaGalleryContainer {
    position: relative
}

.mediaGalleryBlock .galleryContainer {
    padding: 0 40px 20px;
    margin: 0;
    background: transparent url(images/mediagallery/backgroundscroll.png) repeat-x bottom left;
    position: relative;
    border: 1px solid #ddd
}

.mediaGalleryBlock .bigContainer {
    padding: 0 30px 20px
}

.mediaGalleryBlock .mediaGalleryContainer .navi {
    padding: 15px 20px 10px 0;
    float: right
}

.mediaGalleryBlock .mediaGalleryContainer .navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(images/mediagallery/navigator.png) 0 0 no-repeat;
    cursor: pointer
}

.mediaGalleryBlock .mediaGalleryContainer .navi a:hover {
    background-position: 0 -8px
}

.mediaGalleryBlock .mediaGalleryContainer .navi a.active {
    background-position: 0 -16px
}

.mediaGalleryBlock .mediaGalleryContainer .prev, .mediaGalleryBlock .mediaGalleryContainer .next {
    width: 18px;
    height: 18px;
    background: url(images/mediagallery/left.png) no-repeat;
    position: absolute;
    bottom: 93px;
    cursor: pointer
}

.mediaGalleryBlock .mediaGalleryContainer .prev:hover, .mediaGalleryBlock .mediaGalleryContainer .next:hover {
    background-position: 0 -18px
}

.mediaGalleryBlock .mediaGalleryContainer .disabled {
    visibility: hidden !important
}

.mediaGalleryBlock .mediaGalleryContainer .prev {
    left: 10px
}

.mediaGalleryBlock .mediaGalleryContainer .next {
    background-image: url(images/mediagallery/right.png);
    right: 10px
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable {
    position: relative;
    overflow: hidden;
    height: 162px;
    width: 100%;
    margin: 0 auto
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items {
    position: absolute;
    width: 20000em;
    clear: both
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group {
    float: left;
    padding: 0;
    margin: 0 5px
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item {
    float: left;
    width: 180px;
    margin: 0 5px
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item a.itemLink {
    float: left;
    width: 180px;
    height: 160px;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item a.itemLink b {
    margin: 2px 0 2px 5px;
    font-size: 11px;
    line-height: 120%;
    font-weight: normal;
    display: block
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item a.itemLink img {
    text-align: left;
    margin: 5px;
    cursor: pointer;
    width: 170px;
    height: 115px;
    border: 0;
    display: block
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item a.itemLink:hover {
    border: solid 1px #0d7fab
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .item a.itemLink:hover b {
    text-decoration: underline
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_link a.itemLink {
    background: #FFF url(images/mediagallery/i-external-link.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_audio a.itemLink {
    background: #FFF url(images/mediagallery/i-audio.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_gallery a.itemLink {
    background: #FFF url(images/mediagallery/i-photo-gallery.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_text a.itemLink {
    background: #FFF url(images/mediagallery/i-document.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_video a.itemLink {
    background: #FFF url(images/mediagallery/i-movie.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_panoramic a.itemLink {
    background: #FFF url(images/mediagallery/i-panoramic.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_commentary a.itemLink {
    background: #FFF url(images/mediagallery/i-microphone.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGalleryContainer .scrollable .items .group .t_pdf a.itemLink {
    background: #FFF url(images/mediagallery/i-download-pdf.png) no-repeat 98% 98%
}

.mediaGalleryBlock .galleryNavigation {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 11px
}

.mediaGalleryBlock .galleryNavigation select {
    font-size: 11px;
    border: 1px solid #aaa;
    padding: 1px
}

.mediaGalleryBlock .galleryLinksContainer {
    margin-top: 8px;
    height: 22px;
    border-bottom: 2px solid #FFF;
    clear: both
}

.mediaGalleryBlock .activeLinks {
    border-bottom: 2px solid #ddd;
    padding-left: 100px
}

.mediaGalleryBlock .activeLinks .galleryLinksTitle {
    float: left;
    margin-left: -100px;
    width: 100px;
    font-size: 12px;
    font-weight: bold
}

.mediaGalleryBlock .activeLinks ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

.mediaGalleryBlock .activeLinks ul li {
    float: left;
    margin-left: 30px;
    font-size: 12px
}

.mediaGalleryBlock .activeLinks ul li.first {
    margin: 0
}

.mediaGalleryBlock .mediaGallerytabStyle .galleryContainer {
    background: #efefef none;
    border: 0 solid #fff;
    margin: 0;
    padding: 10px 35px 15px
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable {
    height: 275px
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item {
    width: 185px
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink b {
    margin: 0;
    font: bold 11px/14px verdana
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink img {
    width: 185px;
    height: 125px;
    margin: 0
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item p {
    color: #333;
    padding: 0;
    font: normal 11px/14px verdana
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink div.playButton {
    background: transparent url(images/icons/play-button.png) no-repeat scroll center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -26px;
    width: 61px;
    height: 44px
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink, .mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink:visited, .mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group .item a.itemLink:hover {
    border: 0;
    height: auto;
    width: auto;
    position: relative;
    background: transparent none;
    margin-bottom: 7px;
    font-size: 10px
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_link {
    background: transparent url(images/mediagallery/i-external-link.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_audio {
    background: transparent url(images/mediagallery/i-audio.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_gallery {
    background: transparent url(images/mediagallery/i-photo-gallery.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_text {
    background: transparent url(images/mediagallery/i-document.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_video {
    background: transparent url(images/mediagallery/i-movie.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_panoramic {
    background: transparent url(images/mediagallery/i-panoramic.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_commentary {
    background: transparent url(images/mediagallery/i-microphone.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .scrollable .items .group div.t_pdf {
    background: transparent url(images/mediagallery/i-download-pdf.png) no-repeat 98% 98%
}

.mediaGalleryBlock .mediaGallerytabStyle .prevBg, .mediaGalleryBlock .mediaGallerytabStyle .nextBg {
    width: 30px;
    height: 204px;
    background: #efefef none;
    position: absolute;
    top: 10px;
    cursor: pointer;
    z-index: 10
}

.mediaGalleryBlock .mediaGallerytabStyle .prevBg {
    left: 10px
}

.mediaGalleryBlock .mediaGallerytabStyle .prevBg em {
    display: block;
    position: absolute;
    top: 0;
    right: -24px;
    height: 204px;
    width: 24px;
    background: transparent url(images/mediagallery/leftnav-shadow.png) no-repeat top right
}

.mediaGalleryBlock .mediaGallerytabStyle .nextBg {
    right: 10px
}

.mediaGalleryBlock .mediaGallerytabStyle .nextBg em {
    background: transparent url(images/mediagallery/rightnav-shadow.png) no-repeat top left;
    display: block;
    position: absolute;
    top: 0;
    left: -24px;
    height: 204px;
    width: 24px
}

.mediaGalleryBlock .mediaGallerytabStyle .prevButton, .mediaGalleryBlock .mediaGallerytabStyle .nextButton, .mediaGalleryBlock .mediaGallerytabStyle .prevButton:visited, .mediaGalleryBlock .mediaGallerytabStyle .nextButton:visited {
    display: block;
    width: 20px;
    height: 125px;
    background: url(images/mediagallery/leftnav-arrow.png) no-repeat right bottom;
    position: absolute;
    top: 0
}

.mediaGalleryBlock .mediaGallerytabStyle .prevButton:hover, .mediaGalleryBlock .mediaGallerytabStyle .nextButton:hover {
    background-position: top left
}

.mediaGalleryBlock .mediaGallerytabStyle .disabled {
    visibility: hidden !important
}

.mediaGalleryBlock .mediaGallerytabStyle .prevButton {
    left: 0
}

.mediaGalleryBlock .mediaGallerytabStyle .nextButton {
    background-image: url(images/mediagallery/rightnav-arrow.png);
    right: 0
}

.tabsBlock {
    position: relative;
    padding-top: 56px;
    margin-bottom: 20px
}

.tabsBlock .tabBlock {
    width: 100%;
    background: #efefef
}

.tabsBlock .tabData {
    margin: 0
}

.tabsBlock .tabContent {
    float: left
}

.tabsBlock .tabsNav {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 56px;
    background: url(images/slideshow/tab-nav-grey-underline.png) repeat-x left bottom #fff;
    background-color: transparent
}

.tabsSmallBlock {
    padding-top: 84px
}

.tabsSmallBlock .tabsNav {
    top: 29px
}

.tabsBlock .tabsNav li {
    float: left;
    background: transparent url(images/icons/tab-seperator.png) no-repeat 100% 5px;
    padding: 0 10px 0 0;
    height: 56px
}

.tabsBlock .tabsNav li.lastItem {
    background: transparent none
}

.tabsBlock .tabsNav li a, .tabsBlock .tabsNav li a:visited {
    color: #000;
    font: normal 12px/14px verdana;
    width: 120px;
    height: 40px;
    float: left;
    text-decoration: none;
    position: relative
}

.tabsBlock .tabsNav li a.current {
    background-color: #6db4da
}

.tabsBlock .tabsNav li a:hover {
    background-color: #b8d8e9
}

.tabsBlock .tabsNav li a span, .tabsBlock .tabsNav li a:visited span {
    float: left;
    padding: 6px 10px;
    cursor: pointer
}

.tabsBlock .tabsNav li.tabnavs b.arrow {
    background: transparent none no-repeat center center;
    width: 16px;
    height: 8px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    display: block
}

.tabsBlock .tabsNav li.tabnavs a.current b.arrow, .tabsBlock .tabsNav li.tabnavs a.current:visited b.arrow {
    background-image: url(images/slideshow/blue-tab-arrow-down.png);
    display: block
}

.tabsBlock .tabsNav li.tabnavs a.current:hover b.arrow {
    display: block;
    background-image: url(images/slideshow/blue-tab-arrow-down-hover.png)
}

.tabsBlock .tabsLinks {
    position: absolute;
    top: 0;
    right: 0;
    font: normal 12px/14px verdana;
    color: #000;
    z-index: 100
}

.tabsBlock .tabsLinks p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    line-height: 24px
}

.tabsBlock .tabsLinks p a, .tabsBlock .tabsLinks p a:visited {
    text-decoration: none;
    color: #333;
    background: #b8d8e9;
    display: inline-block;
    padding: 0 5px;
    font-weight: normal
}

.tabsBlock .tabsLinks p a:hover {
    background: #6db4da;
    color: #000
}

.tabsBlock .tabContent .contentBlock {
    margin: 0 10px 12px;
    width: auto
}

.tabsBlock .tabContent .mediaGalleryBlock {
    margin-top: -10px
}

.gallery-box .gallery-box-editor {
    font-size: 10px
}

.gallery-box .gallery-container {
    margin-bottom: 20px
}

.gallery-box .gallery-container-item {
    padding-left: 100px
}

.gallery-box .gallery-container-item .gallery-container-thumbnail {
    float: left;
    margin-left: -100px;
    width: 100px
}

.gallery-box .gallery_element_container dl {
    clear: both;
    margin: 2px 0;
    float: left;
    width: 95%;
    text-indent: 10px
}

.gallery-box .gallery_element_container dl dd {
    float: left;
    font-size: 11px;
    line-height: 24px
}

.gallery-box .gallery_element_container dl dt {
    float: left;
    margin-left: 15px
}

.gallery-box .gallery_element_container div.n12 {
    clear: both;
    margin: 15px 0;
    float: left
}

.galleryLoadingModal {
    display: none;
    border: 4px solid #FFF;
    background: #000 url(images/gallery/gallery-bg-uoa-nicai.jpg) repeat-x top left;
    position: fixed;
    width: 100px;
    height: 100px;
    top: 100px;
    left: 50%;
    margin-left: -50px
}

.galleryLoadingModal .loadingPhotoGallery {
    width: 100%;
    height: 100%;
    background: transparent url(images/gallery/loadinfo.net.gif) no-repeat center center
}

.galleryModal {
    text-align: left;
    display: none;
    border: 4px solid #FFF;
    background: #003f72 none no-repeat top left;
    position: absolute;
    padding: 0;
    top: 5%;
    left: 50%;
    font-size: 11px;
    color: #FFF;
    margin-left: -340px;
    width: 680px
}

.largeGalleryModal {
    margin-left: -449px;
    width: 890px
}

.galleryModal .gallery-close-button {
    position: absolute;
    top: 10px;
    right: 20px
}

.galleryModal .gallery-close-button a, .galleryModal .gallery-close-button a:visited {
    background: transparent url(images/gallery/gallery-close-white.png) no-repeat right center;
    padding-right: 15px;
    color: #FFF;
    text-decoration: none
}

.galleryModal .gallery-close-button a:hover {
    text-decoration: underline
}

.galleryModal .gallery-close-button a span {
    font-size: 10px
}

.galleryModal .galleryIndicator {
    height: 80px;
    width: 100%;
    text-align: center;
    background: transparent url(images/gallery/loading.gif) no-repeat center center
}

.galleryModal .galleryIndicator span {
    display: none
}

.galleryModal .galleryContainer {
    margin: 10px 20px;
    padding: 0;
    display: none
}

.galleryModal .no-result-header {
    text-align: center
}

.galleryModal .galleryHeader {
    margin: 0 0 15px;
    font-size: 12px
}

.galleryModal .galleryHeader b {
    font-size: 16px;
    font-weight: bold
}

.galleryModal .galleryContent {
    padding: 0;
    margin: 0;
    width: 100%
}

.galleryModal .galleryContent .galleryBody {
    width: 640px;
    margin: 0 20px 0 0;
    margin: 0;
    padding: 0;
    float: left
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer {
    width: 640px;
    height: 480px;
    background: #000;
    position: relative
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer .galleryImageContainerElements {
    width: 640px;
    height: 480px;
    position: relative
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer .galleryImageContainerElements div {
    width: 640px;
    height: 480px
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer .galleryImageContainerElements img {
    position: absolute;
    top: 0;
    left: 0
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer .galleryContainerController {
    display: none;
    position: absolute;
    z-index: 99;
    width: 640px;
    height: 480px;
    top: 0;
    left: 0
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-prev-button, .galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-next-button, .galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-prev-button:visited, .galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-next-button:visited {
    cursor: pointer;
    float: left;
    width: 41px;
    height: 55px;
    background: transparent url(images/gallery/gallery-arrow-prev.png) no-repeat top left;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 5px;
    opacity: .6
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-next-button {
    background: transparent url(images/gallery/gallery-arrow-next.png) no-repeat top left;
    right: 5px;
    left: auto
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-prev-button:hover, .galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-next-button:hover {
    opacity: 1
}

.galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-prev-button span, .galleryModal .galleryContent .galleryBody .galleryImageContainer a.gallery-next-button span {
    display: none
}

.galleryModal .galleryContent .galleryBody .galleryNavigation {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    background: transparent none repeat-x top left;
    color: #FFF;
    text-align: left;
    padding: 0 10px
}

.galleryModal .galleryContent .galleryBody .galleryNavigation a, .galleryModal .galleryContent .galleryBody .galleryNavigation a:visited {
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
    float: left
}

.galleryModal .galleryContent .galleryBody .galleryNavigation a:hover {
    text-decoration: underline
}

.galleryModal .galleryContent .galleryBody .galleryNavigation a.gallery-next-button {
    float: right
}

.galleryModal .galleryContent .galleryBody .galleryTextContainer {
    background: #CCC;
    color: #000;
    padding: 10px 0;
    border: 1px solid #FFF
}

.galleryModal .galleryContent .galleryBody .galleryTextContainer .galleryTextBody {
    margin: 0 10px
}

.galleryModal .galleryContent .galleryOthers {
    float: right;
    width: 190px
}

.galleryModal .galleryContent .galleryOthers .gallerySubHeader {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers {
    width: 200px;
    height: 464px;
    overflow: hidden;
    position: relative
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers .galleryElementTab {
    position: absolute;
    top: 0;
    left: 0
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers a, .galleryModal .galleryContent .galleryOthers .galleryElementContainers a:visited {
    float: left;
    width: 90px;
    height: 70px;
    margin: 0 6px 6px 0;
    border: 1px solid #666
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers a img, .galleryModal .galleryContent .galleryOthers .galleryElementContainers a:visited img {
    width: 90px;
    height: 70px;
    border: 0 none;
    opacity: .6
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers a:hover, .galleryModal .galleryContent .galleryOthers .galleryElementContainers a.active {
    border: 1px solid #FFF
}

.galleryModal .galleryContent .galleryOthers .galleryElementContainers .galleryElementTab a:hover img, .galleryModal .galleryContent .galleryOthers .galleryElementContainers .galleryElementTab a.active img, .galleryModal .galleryContent .galleryOthers .galleryElementContainers .galleryElementTab a.active:visited img {
    opacity: 1
}

.galleryModal .galleryContent .galleryOthers .gallerySubNavigation {
    clear: both;
    height: 16px
}

.galleryModal .galleryContent .galleryOthers .gallerySubNavigation a, .galleryModal .galleryContent .galleryOthers .gallerySubNavigation a:visited {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #FFF;
    text-decoration: none;
    float: left
}

.galleryModal .galleryContent .galleryOthers .gallerySubNavigation a:hover {
    text-decoration: underline
}

.galleryModal .galleryContent .galleryOthers .gallerySubNavigation a.gallery-next-button {
    float: right
}

.galleryModal .galleryContent .galleryLogo {
    margin-top: 11px;
    width: 195px;
    height: 80px
}

.galleryModal .galleryContent .galleryLogo img {
    border: 0 none;
    width: 195px;
    height: 80px
}

.galleryRepository {
    display: block;
    position: absolute;
    top: -99999px;
    left: -9999px
}

.galleryModal .galleryContent .galleryBody .galleryVideoContainer {
    width: 640px;
    height: 500px;
    margin-bottom: 10px
}

.galleryModal .galleryContent .galleryBody .galleryVideoContainer .adobeMessage a, .galleryModal .galleryContent .galleryBody .galleryVideoContainer .adobeMessage a:visited {
    text-decoration: underline;
    color: #FFF
}

.galleryModal .galleryContent .galleryBody .galleryVideoContainer .adobeMessage a:hover {
    text-decoration: none
}

.printModal {
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -390px;
    padding: 0;
    width: 780px;
    z-index: 9999;
    background: #FFF
}

.printModal .printHeader {
    width: 100%;
    background: #003f72;
    color: #FFF;
    text-align: left;
    position: relative;
    font-size: 12px
}

.printModal .printHeader h3 {
    padding: 10px
}

.printModal .printHeader .printModalCloser {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px
}

.printModal .printHeader .printModalCloser a, .printModal .printHeader .printModalCloser a:visited {
    color: #FFF;
    text-decoration: none;
    background: transparent url(images/gallery/gallery-close-white.png) no-repeat right center;
    padding-right: 15px
}

.printModal .printHeader .printModalCloser a:hover {
    text-decoration: underline
}

.printModal .printBody {
    padding: 5px 0
}

#printButton {
    position: absolute;
    top: 10px;
    right: 10px
}

#printButton a, #printButton a:visited {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    padding: 4px 0 4px 20px;
    background: transparent url(images/printer.png) no-repeat center left
}

#printButton a:hover {
    text-decoration: none
}

.complexTreeWrapper, .DwtTreeItem-Text, .DwtTreeItem-selected, .Row {
    border: medium none
}

.complexTreeWrapper .treeHeader, .DwtListView-ColHeader, .AppSash-horiz {
    display: none
}

td.DwtTreeItem-Text a.link, td.DwtTreeItem-Text a.link:visited, td.DwtTreeItem-Text a.link:link {
    text-decoration: none
}

td.DwtTreeItem-Text a.link:hover {
    text-decoration: none
}

.complexTreeWrapper {
    margin-top: 0
}

.size-10px {
    font-size: 10px
}

.promotionBox a.promotionLink,
.promotionBox a.promotionLink:link,
.promotionBox a.promotionLink:hover,
.promotionBox a.promotionLink:active,
.promotionBox a.promotionLink:visited {
    font: 16px verdana;
    text-decoration: none
}

.promotionBox {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hr-clear {
    height: .7em;
    display: block;
    clear: both
}

.anchorRightUp {
    font: bold 70% verdana
}

input, textarea, select {
    font: normal 12px verdana;
    padding: 2px 1px
}

.n1 {
    font: 185%/140% verdana
}

.n2 {
    font: 180%/140% verdana
}

.n3 {
    font: 160%/140% verdana
}

.n4 {
    font: 140%/140% verdana
}

.n5 {
    font: 120%/140% verdana
}

.n6 {
    font: 110%/140% verdana
}

.n7 {
    font: 100%/140% verdana
}

.n8 {
    font: 90%/140% verdana
}

.n9 {
    font: 80%/140% verdana
}

.n10 {
    font: 70%/140% verdana
}

.n11 {
    font: 75%/140% verdana
}

.n12 {
    font: 65%/140% verdana
}

.n13 {
    font: 60%/140% verdana
}

.n14 {
    font: 50%/110% verdana
}

.n15 {
    font: 40%/110% verdana
}

.b1 {
    font: bold 185%/140% verdana
}

.b2 {
    font: bold 180%/140% verdana
}

.b3 {
    font: bold 160%/140% verdana
}

.b4 {
    font: bold 140%/140% verdana
}

.b5 {
    font: bold 120%/140% verdana
}

.b6 {
    font: bold 110%/140% verdana
}

.b7 {
    font: bold 100%/140% verdana
}

.b8 {
    font: bold 90%/140% verdana
}

.b9 {
    font: bold 80%/140% verdana
}

.b10 {
    font: bold 70%/140% verdana
}

.bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.normal {
    font-weight: 400
}

.smallText {
    font: 80%/140% verdana
}

.smallText .smallText {
    font: 100% verdana
}

.tinyTxt {
    font: 60%/120% verdana
}

.tinyTxt .tinyTxt {
    font: 100% verdana
}

.tCenter {
    text-align: center
}

.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

#calendar {
    padding: 5px;
    width: 250px
}

#calendar table a {
    font-weight: normal;
    text-decoration: none
}

#calendar .header a, #calendar #currentDate a {
    font-weight: bold
}

#calendar #currentDate a {
    color: #fff
}

#calendar #currentDate {
    background: #0085b7
}

#calendar .otherDay, #calendar .monthList, #calendar td.monthListSelected {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff
}

#calendar td.otherDay:hover, #calendar td.monthList:hover, #calendar td.monthListSelected {
    background: #cceaf3
}

#calendar .outOfMonth {
    background: none repeat scroll 0 0 #eee;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #aaa
}

#calendar .calendarSide {
    border-left: 1px solid #ccc
}

#calendar .calendarEnd {
    border-top: 1px solid #ccc
}

div#newsfeatureImage {
    width: 250px;
    height: 248px
}

div#newsfeatureImage div.csimageWrapper, div#newsfeatureImage div.csimageWrapper img {
    width: 250px;
    height: 222px
}

div#newsfeatureImage div#cswrap {
    position: relative;
    height: 222px;
    width: 250px
}

div#newsfeatureImage div.cspaginate {
    display: block;
    height: 26px;
    width: 250px;
    background-color: #0c4072
}

div#newsfeatureImage div.cspaginate ul {
    display: inline;
    padding: 0;
    margin: 2px 0 0;
    float: right
}

div#newsfeatureImage div.cspaginate ul li {
    display: inline
}

div#newsfeatureImage div.cspaginate ul li a {
    color: #fff;
    font-size: 11px;
    font-family: tahoma;
    line-height: 18px;
    text-decoration: none;
    font-weight: bold;
    padding-right: 2px
}

div#newsfeatureImage div.cscaptiontext {
    background: url(images/newsfeaturecaptionbg.png) repeat bottom;
    color: #fff;
    font-size: 11px;
    font-family: verdana;
    position: absolute;
    bottom: 0;
    padding-bottom: 4px;
    height: auto;
    width: 250px
}

div#newsfeatureImage div#cswrap {
    position: relative
}

div#newsfeatureImage div.cscaptiontext div {
    display: block;
    padding: 4px 0 2px 10px;
    line-height: 11px
}

div#newsfeatureImage div.cscaptiontext div a {
    color: #fff;
    text-decoration: none
}

div#newsfeatureImage div.cspaginate ul a.activeSlide, div#newsfeatureImage div.cspaginate ul li.activeSlide, div#newsfeatureImage div.cspaginate ul li.activeSlide a, div#newsfeatureImage div.cspaginate ul li.activeSlide a:visited {
    color: #33b6e7
}

div#newsfeatureImage ul#cscontroller {
    margin-right: 0
}

.hideshowcase {
    display: none
}

.newsEventsFeatureShowcase {
    max-width: 732px;
    clear: both;
    margin: 20px 0 6px;
    padding: 0 0 0 256px;
    position: relative;
    overflow: hidden;
    height: 248px
}

.newsEventsFeatureShowcase .imageBox {
    position: absolute;
    width: 380px;
    top: 0;
    left: 0
}

.newsEventsFeatureShowcase .textBox {
    height: 205px;
    background-color: #c7def7;
    overflow: hidden;
    padding: 10px
}

.newsEventsFeatureShowcase .textBox div {
    padding-bottom: 3px;
    color: #0085b7
}

.newsEventsFeatureShowcase .textBox a, .newsEventsFeatureShowcase .textBox a:visited {
    color: #00c;
    text-decoration: none
}

.newsEventsFeatureShowcase .textBox p {
    margin-bottom: 8px
}

.newsEventsFeatureShowcase .textBox a:hover {
    color: #c00
}

.newsEventsFeatureShowcase #navText {
    height: 45px;
    background-color: #c7def7;
    padding: 0 10px 10px
}

.newsEventsFeatureShowcase #navText a {
    text-decoration: none
}

#newsEventsFeatureShowcaseNav {
    margin: 20px 0 0 30px;
    position: relative;
    width: 60%
}

#newsEventsFeatureShowcaseNav li {
    float: left;
    list-style: none;
    margin-left: 3px
}

#newsEventsFeatureShowcaseNav a {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden
}

#newsEventsFeatureShowcaseNav a.activeSlide {
    color: #f60;
    background-position: 0 -10px
}

#newsEventsFeatureShowcaseNav a:focus {
    outline: 0
}

div.newsEventsFeatureNav {
    background: #c7def7;
    background-position: top;
    vertical-align: bottom
}

#noticeBox {
    background-color: #0085b7;
    color: #fff;
    padding: 5px;
    overflow: auto
}

#noticeBox .noticeHeader {
    float: left;
    width: 12%
}

#noticeBox .noticeHeader a {
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

#noticeBox .noticeHeader a:hover {
    color: #c00
}

#noticeBox .noticeBoxContent {
    float: left;
    width: 86%
}

#noticeBox .noticeBoxContent a.linkTxt {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    padding-bottom: 3px
}

#noticeBox .noticeBoxContent a.linkTxt:hover {
    color: #c00
}

.nenPagination a {
    text-decoration: none
}

.hoverUnderline, .hoverUnderline:visited {
    text-decoration: none
}

.hoverUnderline:hover {
    text-decoration: underline
}

.contentBlock .imageCaption {
    font-size: 80%
}

.contentBlock .imageCaption .nenImgCaption {
    font-size: 80%
}

@media handheld, only screen and (max-width:1060px) {
    .tabsBlock {
        padding-top: 84px
    }

    .tabsBlock .tabsNav {
        top: 29px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .relatedLinkBox .relatedLinks {
        margin-top: 5px
    }

    .relatedLinkBox .relatedLinks dl {
        margin: 5px 0 10px 5px
    }

    .contentBlock .fileIcon {
        margin: 2px 0 0
    }

    .contentBlock .linkIcon {
        margin: 4px 0 0 6px
    }
}


.clear-both {
	clear: both;
}

.contentBlock {
	position: relative;
}

body #main {
	width: 1230px;
}

.withLeftBar #middleBar {
	width: 1040px;
}

.withLeftBar.withRightBar #middleBar {
	width: 850px;
}


.promotionLink {
	height: 52px;
	zoom: 1;
}

img[data-preload] {
	visibility: hidden;
}

/**
   promo button bottom spacing
**/
.promobuttons {
	margin-bottom: 10px;
}

.listBox .listbox-image {
	float: left;
}

.listBox .tag-list {
	padding-right: 8px;
}

/**
    align badge text with thumbnail
**/
.badge-text {
	position: relative;
	top: -3px;
}

.journal_row .journalDescription.badge-text {
	top: -4px;
}

.event_row .badge-text {
	top: -2px;
}

.event_row .badge-text .ical-icon {
	vertical-align: bottom;
}

.contact-information .badge-title {
	margin-top: 0;
}

.list h2 {
	font-size: 19px;
	padding-bottom: 8px;
}

#middleBar .contentBlock ul.list_row li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#middleBar .contentBlock ul.list_row,
.longTxt ul.list_row,
ul.list_row {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}

.longTxt ul.list_row li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notice_row.listBox a.linkTxt .forward-arrow,
.news_row.listBox a.linkTxt .forward-arrow,
.event_row.listBox a.linkTxt .forward-arrow {
    font-size: 8px;
}

.event_row.compact,
.news_row.compact {
    margin-bottom: 8px;
}

.event_row.compact .forward-arrow,
.news_row.compact .forward-arrow {
    font-size: 10px;
}


.event_row .time {
    margin-top: 2px;
    margin-bottom: 4px;
}

.listBox.notice_row .greyTxt,
.listBox.news_row .greyTxt,
.listBox.event_row .greyTxt {
    font-size: 11px;
}

ul.split-list {
    overflow: hidden;
}

ul.split-list li {
    float: left;
    width: 50%;
}

ul.split-list li .longTxt p {
    line-height: 15px;
}

ul.split-list li > div {
    min-height: 75px;
}

ul li.no-thumbnail .listBox {
    min-height: 0px;
    margin-bottom: 20px;
}

ul.split-list li > div.compact {
    min-height: 0;
}

ul.split-list li .listBox {
    margin-right: 20px;
}

ul.split-list .li-left .listBox {
    margin-right: 5px;
}

ul.split-list .li-right .listBox {
    margin-left: 5px;
}

.ical-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    background: url("images/icons/ical-icon.png") no-repeat 0px 0px transparent;
}


/*
 *  Journal row
 */

.journal_row .contentBlock {
    overflow: hidden;
}

.journal_row img {
    width: 90px;
    float: left;
}


ul.icon_row {
    padding: 0px;
    margin: 0px;
    list-style: none;
    height: 32px;
}

.icon_row_header h2 {
    font: bold 80%/140% verdana;
    color: #0085b7;
    padding-bottom: 7px;
}

ul.icon_row li {
    display:inline;

}

ul.icon_row .list_icon {
    width: 32px;
    height: 32px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.journal_row .journalDescription {
    margin-left: 110px;
}

.journal_row .journalDescription.noImage {
    margin-left: 0;
}


/*
 *  Contact row
 */

.contact_row .contact-badge {
    overflow: hidden;
    margin-bottom: 12px;
}

.contentBlock .longTxt .contact_row h3 {
    margin-bottom: 0;
}

.contentBlock .longTxt .contact_row p {
    margin: 0;
}

.contact_row img {
    float: left;
    max-width: 60px;
}

.contact_row .contact-information {
    margin-left: 70px;
    line-height: 18px;
}

.contact_row .contact-information.no-image {
    margin-left: 0px;
}

.contact_row p {
    font-size: 13px;
}
.contact_row h3 {
    font-size: 14px;
}


/*
 *      Contact block styles
 */

.contact-block {
    overflow: hidden;
}

.contact-block .contact-information {
    margin-left: 220px;
}

.contact-block .contact-information.no-image {
    margin-left: 0;
}

.contact-block .contact-image {
    float: left;
}

.contact-block .contact-image img {
    max-width: 200px;
}

.contact-block .contact-information h2 {
    font-size: 14px;
    font-weight: bold;
}

.contact-block p.first {
    margin-top: 0;
}

.contact-block abbr {
    cursor: help;
}


/*
 *  Content block styling
 */

.longTxt h3 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
}

.longTxt > div,
.longTxt p,
.longTxt ol li,
.longTxt ul li,
.tableStyle ol li,
.tableStyle ul li {
    font-size: 13px;
    line-height: 18px;
    margin: 8px 0;
}

.longTxt ol li,
.longTxt ul li,
.tableStyle ol li,
.tableStyle ul li {
    padding: 0 0 0 3px;
}

.longTxt ol,
.tableStyle ol {
    margin: 0.7em 0 0.7em 15px;
    padding-left: 14px;
}

.longTxt ul ol,
.longTxt ol ol ,
.tableStyle ul ol,
.tableStyle ol ol {
	margin: 7px 0 0 5px;
}

/* reset the UL margin */
.longTxt ul,
.tableStyle ul {
    margin: 0.7em 0 0.7em 15px;
    list-style: none outside none;
	padding: 0 0 0 15px;
}

.longTxt ul ul,
.tableStyle ul ul {
	margin: 7px 0 0 0;
}

.longTxt ul li,
.tableStyle ul li {
    margin: 8px 8px;
    list-style-image: url("images/dot.png");
    padding: 0 0 0 3px;
}

.longTxt ul ul li,
.tableStyle ul ul li {
    list-style-image: url("images/dotH.png");
}

.longTxt ul ul ul li,
.tableStyle ul ul ul li {
    list-style-image: url("images/dotR.png");
}

.listBox .linkTxt,
.longTxt .listBox .linkTxt {
    font-size: 12px;
}

.listBox .longTxt,
.longTxt .listBox .longTxt,
.listBox .longTxt .linkTxt,
.longTxt .listBox .longTxt .linkTxt {
    font-size: 11px;
}

.listBox .longTxt p {
    margin: 0;
    margin-bottom: 15px;
    font-size: 11px;
}

.listBox:first-child {
    margin-top: 0; /* [CQ-268] */
}

.listBox .image {
    top: 0;
}

.cq-warning {
    /* #EEE49D */
    border: 1px dashed #999;
    background-color: #eeecd8;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    padding: 10px;
}

.cq-info,
.cq-active-workflow,
.cq-disabled-by-workflow {
    /* #EEE49D */
    background-color: #96d7ff;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    text-align: center;

}

.reference .in-author {
    border-left: 1px solid #96d7ff;
    padding-left: 5px;
    margin-left: -6px;
}

.cq-active-workflow,
.cq-disabled-by-workflow {
    border: 1px solid #567c93;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.cq-disabled-by-workflow {
    border-color: #333;
    color: #333;
    background-color: #CFC97C;
}

.uoalist h2 a {
    font-size: 19px;
    font-family: "Verdana";
    text-decoration: underline;
}

.carouselFrame {
    overflow: hidden;
}

.carousel .slideShowImageContainer {
    position: relative;
}

/**
    Carousel pagination styling
**/

.carousel-pagination {
    z-index: 6;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: url("images/carousel/carousel-description-bar.png") transparent 0 0;
    padding: 5px;

    min-height: 15px;

}

.carousel-pagination,
.carousel-pagination a,
.carousel-pagination a:visited,
.carousel-pagination a:hover {

    color: white;
    font-size: 10px;
    font-family: "Verdana", "Helvetica";

    text-decoration: none;

}

.carousel-pagination p {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    margin-right: 50px;
}

.carousel-pagination p a,
.carousel-pagination p a:visited,
.carousel-pagination p a:hover {
	font-weight: bold;
	font-size: 11px;
}

.carousel-pagination p a:hover {
    text-decoration: underline;
}

.carousel-pagination .page-number {
    float: right;
    margin-right: 10px;
}

.carousel-pagination .left-arrow a,
.carousel-pagination .right-arrow a {
    visibility: hidden;
}

.carousel-pagination .left-arrow {
    float: left;
    margin-left: 4px;

    cursor: pointer;
    background: url("images/carousel/carousel-arrow-left.png") transparent 50% 50% no-repeat;
}

.carousel-pagination .right-arrow {
    float: right;
    margin-right: 4px;
    cursor: pointer;
    background: url("images/carousel/carousel-arrow-right.png") transparent 50% 50% no-repeat;
}

/**
    Carousel numbered slides styling
**/

.carousel-slide-numbers {
    z-index: 6;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.carousel-slide-numbers a {

    font-size: 11px;
    font-weight: bold;
    text-decoration: none;

    display: inline-block;

    border: 1px solid black;
    background-image: url("images/carousel/carousel-description-bar.png");
    background-position: 0 0;
    color: #aaa;

    width: 16px;
    height: 16px;

    text-align: center;

    padding: 3px;
    margin-right: 5px;
}

.carousel-slide-numbers a:hover {
    color: white;
}

.carousel-slide-numbers a.activeSlide {
    text-decoration: underline;
    color: white;
}

.parsys .carousel {
    margin-top: 0; /* [CQ-268] */
}


.parsys .carousel .imageContainer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

/* carousel set size for different column types */

.carousel .slideShowImageContainer {
    width: 100%;
    min-height: 230px;
    overflow: hidden;
}

.mediaBanner .carousel .slideShowImageContainer {
    min-height: 0px;
}

.colctrl-2c .carousel .slideShowImageContainer {
	width: 600px;
	height: 337px;
}

.withLeftBar.withRightBar .colctrl-2c .carousel .slideShowImageContainer {
    width: 410px;
    height: 230px;
}

.withLeftBar .colctrl-2c .carousel .slideShowImageContainer {
	width: 515px;
	height: 289px;
}

.colctrl-3c .carousel .slideShowImageContainer {
	width: 395px;
	height: 222px;
}

.withLeftBar.withRightBar .colctrl-3c .carousel .slideShowImageContainer {
    width: 278px;
    height: 156px;
}

.withLeftBar .colctrl-3c .carousel .slideShowImageContainer {
	width: 341px;
	height: 191px;
}

.colctrl-4c .carousel .slideShowImageContainer {
	width: 293px;
	height: 164px;
}

.withLeftBar.withRightBar .colctrl-4c .carousel .slideShowImageContainer {
    width: 204px;
    height: 114px;
}

.withLeftBar .colctrl-4c .carousel .slideShowImageContainer {
	width: 255px;
	height: 143px;
}

.contentBlockMenu ol {
    list-style: none;
}

.contentBlockMenu ol li {
    overflow: hidden;
    position: relative;
    padding: 0 0 3px 20px;
}

.contentBlockMenu ol span {
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.contentBlockMenu ol a {
    font-size: 13px;
    font-weight: bold;
}

.contentBlockMenu ol.no-bullets {
    list-style: none;
}

/*
    horizontal variation of content block menu
*/
.contentBlockMenu .horizontal-menu {
    text-align: center;
    font-size: 13px;
    margin: 10px 0px;
}

.contentBlockMenu .horizontal-menu a {
    font-weight: bold;
}

.contentBlockMenu .horizontal-menu span {
    font-weight: bold;
    padding: 5px 0px;
}

/*
    Content block adjustments to make content block floatable
*/


.middleBox {
    width: auto !important;
    clear: none;
    z-index: 10;
}

.contentBlock .anchorRightUp {
    float: right;
}

.floatingBox.left-float,
.floatingBox.right-float {
    z-index: 11;
    padding: 10px;
	position: relative;
}

.floatingBox.left-float {
    float: left;
	padding-left: 0;
}

.floatingBox.right-float {
    float: right;
	padding-right: 0;
}

.floatingBox h6 {
    font-size: 13px;
    margin-bottom: 4px;
}

/* centering an image */

.floatingBox.middle-align .image {
    text-align: center;
}

.floatingBox.middle-align .image img,
.floatingBox.middle-align .image .img-wrapper {
    display: inline-block;
}

/* centering a table */

.floatingBox.middle-align .table {
    text-align: center;
}

.floatingBox.middle-align .table .tableStyle {
    display: inline-block;
}

/* centering iframes and (youtube) videos */

.floatingBox.middle-align iframe,
.floatingBox.middle-align .mediavideo {
    margin: 0 auto;
    display: block;
}

.floatingBox.left-align img,
.floatingBox.left-align table,
.floatingBox.left-align iframe,
.floatingBox.left-align .mediavideo {
    margin: 0 auto;
    display: block;
    float: left;
    clear: right;
}

.floatingBox.right-align img,
.floatingBox.right-align table,
.floatingBox.right-align iframe,
.floatingBox.right-align .mediavideo {
    margin: 0 auto;
    display: block;
    float: right;
    clear: left;
}

.editFloatingBox {
    padding-bottom: 20px;
    min-width: 80px;
}

/*todo: rename imageWithCaption to imageWithText because we can have caption and description inside of this block*/
.imageWithCaption {
    width: 1px;
    display: table;
}
.imageWithCaption .img-container {
    display: table-cell;
    margin-bottom: 10px;
}

.imageWithCaption .caption {
    display: block;
    padding: 6px;
    font-size: 10px;
    background-color: #E4F1F8;
}

/* assign position relative to middlebar to get z-index working */
#middleBar {
    position: relative;
}

.video-edit,
.contentblock-edit {
    padding-bottom: 10px;
    padding-top: 10px;
}

.cq-mapdetails h1 {
    font-size: 19px;
}
.cq-mapdetails p {
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 12px;
}

.cq-mapdetails img {
    margin-bottom: 10px;
}

/**
    Map component re-styling
 **/

.map {

}
.map .map-header {
    background: url("images/googlemap/pg-tour-nav-bg.png") no-repeat scroll right bottom transparent;
    height: 60px;
}

.map .map-header ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 15px;
    background: url("images/googlemap/pg-tour-nav-bg.png") no-repeat 0 2px transparent;
    overflow: hidden;

}

.map .map-header li {
    display: block;
    float: left;
    width: 25%;
    height: 60px;
	max-width: 185px;
}

.map .map-header li.active {
    background: url("images/googlemap/pgtour-map-top-nav_180.png") no-repeat 50% 50% transparent;
}

.map .map-header li.active a {
    color: white;

    padding: 5px;
    margin-top: 15px;
}

.map .map-header li.active a:hover {
    border-color: transparent;
    background-color: transparent;
    color: white;
    text-decoration: none;

}


.map .map-header li a {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 1px solid transparent;

    color: #666;

    padding: 5px;

    padding-top: 2px;
    padding-bottom: 6px;

    margin-top: 19px;
}

.map .map-header li a:hover {
    border: 1px solid #117faa;
    color: #666;
    background-color: #fff;
    text-decoration: none;
}

.map .map-render {
    margin-left: 354px;
    height: 600px;
}

.map .addresses {
    float: left;
    width: 352px;
    height: 600px;
    overflow-y: auto;
}

.map .addresses ul {
    display: none;
}

.map .addresses ul.active {
    display: block;
}

.map .addresses ul {
    padding: 0;
    margin: 0;
}

.map .address {
    background-color: #eee;
    border-bottom: 1px solid #d5d5d5;
    font-size: 10px;
    padding: 8px 0px;
}

.map .address:hover {
    cursor: pointer;
    background-color: #ddd !important;
}

.map .address.even {
    background-color: #fff;
}

.map .address img {
    float: left;
    padding-left: 8px;
    max-width: 24px;
}

.map .address p {
    margin-left: 40px;
}

.map .address a {
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    color: #00c;
}

.map .address:hover a {
    color: #c00;
    text-decoration: underline;
}

.map .content-tab {
    display: none;
}



.map .map-render .map-tab-content *,
.map .map-render .map-tab-title {
    font-size: 11px !important;
    line-height: 12px !important;
}

.map .map-render .map-tab-content {
    margin-left: 28px;
    margin-right: 10px;
}

.map .map-render .map-tab-header img {
    float: left;
    max-width: 24px;
}

.map .map-render .map-tab-header strong {
    padding-bottom: 3px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 12px;
    margin-left: 28px;
    margin-right: 10px;
    display: block;
}

.map .map-render .map-tab {
    border-radius: 5px 5px 0 0;
}

div.textimage .image.image-left {
    margin-left: 0;
    margin-right: 15px;
}

div.textimage .image.image-right {
    margin-right: 0;
    margin-left: 15px;
}


div.textimage .image-no-wrap {
    display: table;
	margin-bottom: 12px;
}
div.textimage .image-no-wrap .image {
    display: table-cell;
    vertical-align: top;
	margin-top: 4px;
}

div.textimage .image-no-wrap .text {
    display: table-cell;
    vertical-align: top;
    margin: 0px 0px;
}

div.textimage .longTxt p {
	margin: 0 0 8px 0;
}

div.textimage .image-wrap div.image.image-left {
    float: left;
}

div.textimage .image-wrap div.image.image-right {
    float: right;
}

div.textimage .image-wrap .image-left ~ .text ol,
div.textimage .image-wrap .image-left ~ .text ul {
    margin-left: 0;
}

div.textimage .image-wrap .image-left ~ .text ol li,
div.textimage .image-wrap .image-left ~ .text ul li {
    position: relative;
}

div.textimage .image-wrap .image-left ~ .text ul li {
    left: 30px;
}

div.textimage .image-wrap .image-left ~ .text ol li {
	left: 36px;
	width: 815px;
}

#middleBar .contentBlock .image-wrap .text ol,
#middleBar .contentBlock .image-wrap .text ul {
	overflow: visible;
}

div.textimage .image-no-wrap .text ol,
div.textimage .image-wrap .image-right ~ .text ol {
	padding-left: 29px;
}

div.textimage .image-no-wrap .text ul,
div.textimage .image-wrap .image-right ~ .text ul {
	padding-left: 15px;
}

div.textimage .image-no-wrap .text ul ul,
div.textimage .image-wrap .image-right ~ .text ul ul {
	margin-left: 12px;
}

.forward-arrow > span {
	display: inline-block;
	overflow: hidden;
	text-indent: -999em;
	width: 1px;
}


.forward-arrow:before {
    content: ">>";
}

.breadcrumb .forward-arrow:before {
    content: '\0bb';
}

.pagination {
    overflow: hidden;
    font-size: 13px;
}

.pagination .next {
    float: right;
}

.pagination .previous {
    float: left;
}

.pagination p {
    text-align: center;

}

.accessKey {
    font-size: 12px;
}

.centered img,
.centered table,
.centered iframe,
.centered .mediavideo {
    margin: 0 auto;
    display: block;
}

#middleBar .contentBlock ul {
    padding-left: 15px;
    overflow: hidden;
}

#middleBar .contentBlock table ol {
    overflow: visible;
}

#middleBar .contentBlock ol {
    padding-left: 32px;
    overflow: hidden;
}

#middleBar .contentBlock ol ol {
    padding-left: 15px;
    overflow: visible;
}

#middleBar .contentBlock table ol {
    padding-left: 15px;
}

/* START TABLE STYLES */

.parsys .tableStyle table {
    font-size: 13px;
    border-collapse: collapse;
}

.parsys .tableStyle td,
.parsys .tableStyle th {
    border: 1px solid white;
    padding: 8px 8px 8px 10px;
}

.parsys .tableStyle td {
    background-color: #e7e7e7;
}
/*
.parsys .tableStyle table th {
    background-color: #0085b7;
    color: #fff;
}
*/
.parsys .tableStyle.alternating-table table tr.odd td {
    background-color: #e7e7e7;
}

.parsys .tableStyle.alternating-table table tr.even td {
    background-color: #ccc;
}

/* END TABLE STYLES */

.page_row .listBox a.linkTxt,
.pageBadge .listBox a.linkTxt,
.pageBadge a.highlightTitle {
    font-size: 12px;
}

.pageBadge .longTxt p {
    line-height: 15px;
}

.sitemap {
    font-size: 13px;
}

.sitemap .linkcontainer .linkcontainer {
    padding-left: 15px;
}

.sitemap .linkcontainer > .linkcontainer {
    display: none;
}

.sitemap .link a {
    margin-left: 24px;
    padding: 5px 0px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ddd;
}

.sitemap .link.has-children {
    background: url("images/node-collapsed.gif") no-repeat 5px 6px;
}

.sitemap .link.has-children.open {
    background: url("images/node-expanded.gif") no-repeat 5px 6px;
}

#footerLogo a {
    text-decoration: none;
}

form.search {
    position: relative;
}

form.search .listingfields {
    position: relative;
    font-size: 11px;
}

form.search.bottom-rss .rss-link {
    bottom: 26px;
    left: 0;
    top: auto !important;
    right: auto !important;
}

.eventsearchlist form.search.bottom-rss .rss-link {
    bottom: 11px;
}

form.search .rss-link {
    display: block;

    background: url("images/rss-feed-large.png") 100% 50% no-repeat;
    font-size: 11px;
    font-weight: normal;

    position: absolute;
    width: 59px;
    height: 14px;
    top: 14px;
    right: 0;

    overflow: hidden;
    text-indent: -999em;
}

form.search .wrap select {
    margin-right: 0;
}

form.search .field-block {
    display: inline-block;
    padding-bottom: 10px;
}

form.search .n-items {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

form.search .n-items .wrap {
    float: right;
}

form.search .n-items .warp select {
    margin-right: 0;
}

form.search .n-items label {
    font-weight: normal;
}

.socialbuttons {
    overflow: hidden;
}

.socialbuttons .list_row li {
    float: left;
}
.socialbuttons .list_row a.linkTxt,
.socialbuttons .list_row .longTxt {
    display: none;
}

.socialbuttons .list_row .image {
    padding-bottom: 0;
    position: static;
    padding-right: 9px;
}

.socialbuttons .list_row .listBox {
    padding: 0;
    min-height: inherit;
    position: relative;
}

.socialbuttons .list_row .badge-text {
	position: static;
}

.socialbuttons .list_row a.linkTxt {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 9px;
    bottom: 0;

    /* hide text */
    overflow: hidden;
    text-indent: -999em;
}

.socialbuttons h2 {
    margin-bottom: 5px;
    font-size: 13px;
    font-family: "Verdana";

}

.download a {
    font-size: 13px;
}

.download .dld-content {
    margin-left: 25px;
}

.download small {
    font-size: 11px;
}

.list-thumbnail-image {
    max-width: 60px;
}

.media-gallery {
    margin-bottom: 10px;
}

.mediaPopup {
    overflow: hidden;
    text-align: left;
    background-color: #A0A0A0;
    color: white;
}

.mediaPopup .description {
    padding: 10px;
}

.mediaPopup h3 {
    font-size: 14px;
    margin-bottom: 0px;
}
.mediaPopup p {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
}

.mediaPopup.small {
    width: 400px;
}

.mediaPopup.medium {
    width: 640px;
}

.mediaPopup.large {
    width: 800px;
}

.mediaPopup .audio-player {
    height: 24px;
    background-color: white;
}

.mediaaudio {
    margin-bottom: 10px;
}

.mediaPopup .video-player,
.mediaPopup .flash-player,
.mediaPopup .gallery-wrapper {
    height: 480px;
    background-color: white;
}

.gallery-content {
    display: none;
}
.galleria-wrapper {
    height: 600px;
}

.listBox .more {
    overflow: hidden;
}

.listBox .more img {
    float: left;
}

#pageBanner {
	margin-bottom: 10px;
}

#pageBanner .swoosh-banner {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
}

#pageBanner img {
    float: left;
}

.contentBlock #pageBanner p {
    font-size: 13px;
    font-weight: bold;
}

#pageBanner .swoosh-overlay.white {
    background: url("images/splash_white.png") no-repeat 0 0 transparent;
}
#pageBanner .swoosh-overlay.notices {
    background: url("images/splash-bg.png") no-repeat 0 0 transparent;

}

.top-nav-logo {
    padding-bottom: 5px;
    display: block;
}

/* reset some of the existing styles.. */
#middleBar .contentBlock .highlights-box ul {
    padding: 0;
    padding-left: 15px;
}

#middleBar .contentBlock .highlights-box ul li {
    padding: 0;
    padding-left: 14px;
    margin: 0;
    list-style: none;
}

.highlights-box {
    overflow: hidden;

    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.highlights-box.transparent {
    background-color: white;
}


.highlights-box.bgFacultyColor h2 a,
.highlights-box.bgFacultyColor h2 span,
.highlights-box.bgFacultyColor li a,
.highlights-box.bgFacultyColor h2 a:visited,
.highlights-box.bgFacultyColor li a:visited {
    color: white;
    text-decoration: none;
}

.highlights-box.bgFacultyColor h2 a:hover,
.highlights-box.bgFacultyColor li a:hover {
    color: white;
    text-decoration: underline;
}


.highlights-box h2 a,
.highlights-box h2 span {
    float: left;
    font-size: 13px;
    font-weight: bold;

    text-decoration: none;
}

.highlights-box h2 a:hover {
    text-decoration: underline;
}

.highlights-box ul {
    margin: 0;
    margin-left: 85px;
    padding: 0;
    padding-left: 15px;
    list-style: none;
    overflow: hidden;
}

.highlights-box ul li {
    font-size: 11px;
    line-height: 18px;
    padding-left: 14px;
    background: url("images/Bullet.gif") 0 50% transparent no-repeat;
}

#rightBar .rightContentBody a.link {
    text-decoration: none;
}

#rightBar .sidebarlinks .sidebarlinks-wrapper {
    margin-bottom: 24px;
}

#new_search_term {
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    font-size: 11px;
}

#rightBar .sidebarlinks .staffDirectorySearchBox {
    margin-bottom: 12px;
    overflow: hidden;
}

#rightBar .sidebarlinks input[type='submit'] {
    float: right;
    text-transform: uppercase;
    font-size: 10px;
}

#rightBar .importantdates table {
    width: 160px;
    margin-bottom: 12px;
    border-collapse: collapse;
}

#rightBar .importantdates table td {
    width: 25%;
    text-align: center;

    background-color: white;
    border: 1px solid #ccc;
}

#rightBar .importantdates table td:hover,
#rightBar .importantdates table td.active {
    background-color: #cceaf3;
}

#rightBar .importantdates td a {
    text-decoration: none;
}

#rightBar .sidebarlinks.links_2 .sidebarlinks-wrapper {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.proportionategrid .height-aware {
    position: relative;
    overflow: hidden;
}

.proportionategrid .editgrid > div {
    overflow: hidden;
}

.homepagebanner .carousel {
    margin: 0;
}


.homepagebanner .carousel .slideShowImageContainer {
    height: auto;
    min-height: 275px;
}

.homepagebanner .editgrid .carousel {
    min-height: 300px;
}

.homepagebanner .editgrid .carousel .slideShowImageContainer {
    width: 535px;
    height: 300px;
    overflow: hidden;
}

.teaserCarousel .link {
    background: url(images/mediabanner/bullet-play.png) no-repeat 100% 50%;
    padding-right: 18px;
}

.proportionategrid.mediaBanner .left-content .bannerMore a {
	background: url(images/mediabanner/bullet-play.png) no-repeat 100% 50%;
}

.proportionategrid.mediaBanner .left-content .bannerLinks li {
	background: url(images/mediabanner/bullet-links.png) no-repeat 0 50%;
}


.eventsearchlist .perpage {
    margin-top: 10px;
    font-size: 11px;
}

.eventsearch-form {
    overflow: hidden;
    padding: 20px;
    background-color: #EFEFEF;
    position: relative;
}

.eventsearch-form .right {
    float: right;
    width: 255px;
    margin-left: 50px;
}

.eventsearch-form .left {
	padding-right: 305px;
}

.eventsearch-form .search .field-block {
    display: block;
}

.eventsearch-form .search input[type='submit'] {
    margin-left: 89px;
}

.eventsearch-form .search label {
    width: 85px;
    display: inline-block;
}

.contentBlock .longTxt .eventsearch-form table {
    margin: 0;
    font-size: 12px;
}

.eventsearch-form table th {
    padding: 8px 8px 8px 10px;
}

/* large-calendar table styles */
.eventsearch-form .quick-periods {
    font-size: 11px;
    margin-top: 20px;

    position: absolute;
    left: 20px;
    bottom: 20px;
}

.eventsearch-form .quick-periods p {
    font-size: 11px;
    margin: 0;
    margin-bottom: 0px;
    margin-top: 5px;
}

.eventsearch-form .cal-header {
    font-size: 10px;
}

.eventsearch-form .cal-header a {
    text-decoration: none;
    font-size: 11px;
}

.eventsearch-form .cal-header a:hover {
    text-decoration: underline;
}

.eventsearch-form .large-calendar table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
}

.eventsearch-form .large-calendar table a {
    text-decoration: none;
}

.eventsearch-form .large-calendar table a:hover {
    text-decoration: underline;
}

.eventsearch-form .large-calendar tbody {
    border: 1px solid #ccc;
}

.eventsearch-form .month-calendar td,
.eventsearch-form .large-calendar td,
.eventsearch-form .large-calendar th {
    font-size: 11px;
}

.eventsearch-form .large-calendar td,
.contentBlock .eventsearch-form .large-calendar td {
    background-color: white;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    font-size: 11px;
}

.eventsearch-form .large-calendar td:hover {
    background-color: #eee;
}

.eventsearch-form .large-calendar td:hover a {
    text-decoration: underline;
}

.eventsearch-form .large-calendar td.disabled {
    font-weight: bold;
    color: #888;
    background-color: #ccc;
}

/* month-calendar table styles */

.eventsearch-form h3,
.longTxt .eventsearch-form h3 {
    font-size: 12px;
    color: black;
    margin-top: 10px;
    margin-bottom: 2px;
}

.eventsearch-form .month-calendar table {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    width: 100%;
}

.eventsearch-form .month-calendar table td {
    background-color: white;
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.eventsearch-form .month-calendar table td a {
    font-weight: bold;
    text-decoration: none;
}

.eventsearch-form .month-calendar table td a:hover {
    text-decoration: underline;
}

.eventsearch-form .month-calendar table td:hover {
    background-color: #eee;
}

.eventsearch-form .month-calendar table td.active {
    background-color: #0085B7 !important;
    color: white;
}
.eventsearch-form .month-calendar table td.active a {
    color: white;
    text-decoration: none;
}

.eventsearch-form .large-calendar {
    font-size: 10px;

}
.eventsearch-form .large-calendar a {
    font-weight: bold;
}

.eventsearch-form .large-calendar table td.active {
	background-color: #0085B7 !important;
	color: white;
}
.eventsearch-form .large-calendar table td.active a {
	color: white;
	text-decoration: none;
}

.eventsearch-form .cal-header .next {
    float: right;
}
.eventsearch-form .cal-header .previous {
    float: left;
}

.eventsearch-form .cal-header .current {
    text-align: center;
}

/** Vertical badge implementation **/

.vertical-badge {
    position: relative;
}


.vertical-badge .withImage {
    padding-left: 0;
    overflow: hidden;
}

.vertical-badge .vertical-content {
    padding-top: 5px;
}

.solid-vertical-badge .vertical-content {
    min-height: 125px;
    padding: 10px;
}

.solid-vertical-badge .withImage {
    padding-top: 180px;
}

.pageBadge .solid-vertical-badge .listBox a.linkTxt {
    color: white;
}

.pageBadge .solid-vertical-badge .listBox a.linkTxt:hover {
    text-decoration: underline;
}

.solid-vertical-badge .longTxt p {
    color: white;
}

.vertical-badge .listBox .image,
.solid-vertical-badge .listBox .image {
    margin-bottom: 0;
    padding-bottom: 0;
}

.accreditation {
	overflow:hidden;
    margin-top: 5px;
}

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

/*
    File download icons
*/

div.download span.icon.icn_uoa_doc {
	background-image: url("images/icons/doc.gif");
}


div.download span.icon.icn_uoa_docx {
	background-image: url("images/icons/docx.gif");
}

div.download span.icon.icn_uoa_gif {
	background-image: url("images/icons/gif.gif");
}

div.download span.icon.icn_uoa_mov {
	background-image: url("images/icons/mov.gif");
}


div.download span.icon.icn_uoa_pdf {
	background-image: url("images/icons/pdf.gif");
}

div.download span.icon.icn_uoa_png {
	background-image: url("images/icons/png.gif");
}

div.download span.icon.icn_uoa_ppt {
	background-image: url("images/icons/ppt.gif");
}

div.download span.icon.icn_uoa_ppsx,
div.download span.icon.type_ppsx {
	background-image: url("images/icons/ppsx.gif");
}

div.download span.icon.icn_uoa_pptx {
	background-image: url("images/icons/pptx.gif");
}

div.download span.icon.icn_uoa_rar {
	background-image: url("images/icons/rar.gif");
}

div.download span.icon.icn_uoa_rtf {
	background-image: url("images/icons/rtf.gif");
}

div.download span.icon.icn_uoa_txt {
	background-image: url("images/icons/txt.gif");
}

div.download span.icon.icn_uoa_wmv {
	background-image: url("images/icons/wmv.gif");
}

div.download span.icon.icn_uoa_xls {
	background-image: url("images/icons/xls.gif");
}


div.download span.icon.icn_uoa_xlsx {
	background-image: url("images/icons/xlsx.gif");
}

div.download span.icon.icn_uoa_xml {
	background-image: url("images/icons/xml.gif");
}

div.download span.icon.icn_uoa_zip {
	background-image: url("images/icons/zip.gif");
}

div.download span.icon.icn_uoa_jpg {
        background-image: url("images/icons/jpg.gif");
}

div.download span.icon.icn_uoa_flash {
        background-image: url("images/icons/flash.gif");
}

div.download span.icon.icn_uoa_mpg,
div.download span.icon.icn_uoa_mpeg,
div.download span.icon.icn_uoa_mp4,
div.download span.icon.type_mpg,
div.download span.icon.type_mp4,
div.download span.icon.type_mpeg {
	background-image: url("images/icons/sound.gif");
}

.rightNavLinks .rightNav-wrapper {
    margin: 0 0 24px;
}

/*todo: find out the way to get rid of this*/
.rightNav + .additionalRightNav  .rightNav-wrapper  {
    margin-top: -6px;
}

/* form control styles */
#middleBar form .form_row {
    color: inherit;
}

#middleBar .form_row label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;

}

#middleBar form .form .form_error {
    font-weight: bold;
    font-size: 11px;
    color: #800000;
    margin-bottom: 15px;
    background-color: #fee;
    padding: 10px 5px;
}

#middleBar form .form_row .form_error {
    color: #f00;
    font-size: 11px;
    font-weight: normal;
}

#middleBar form > .section > .form_row_description + .form_row .form_leftcol {
    display: none;
}

#middleBar form .form_rightcol input[type='file'] {
    margin-bottom: 4px;
}

@media print {
    #main #sub-container #middleBar {
        float: none;
    }

    #main #sub-container,
    #main #sub-container #middleBar,
    #main #sub-container #middleBar > .parsys {
        display: block;
    }

    #main > *,
    #main #sub-container > *,
    #main #sub-container #middleBar > * {
        display: none;
    }
}

.contentBlock .longTxt .maidment_show_listings_container p {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

.eNewsletter {
    margin-bottom: 15px;
}

.eNewsletter .join-button {
    background: url("images/maidment/maidment-join-button.jpg") no-repeat 50% 50% transparent;
}

.showCalendar table td span {
    background: url("images/calendar-date-bg.png") repeat-x 0% 0%;
}

.showCalendar table th {
    background: url("images/calendar-month-bg.png") repeat-x 0% 0%;
}

.list .rss-link {
    background: url("images/rss-feed-large.png") 100% 50% no-repeat;
}

#container.campaign-container .pageDetails,
#container.campaign-container .newsDetails,
#container.campaign-container .eventDetails,
#container.campaign-container .noticeDetails {
    padding-left: 15px;
    padding-right: 15px;
}

#container.campaign-container .newsDetails .greyTxt {
   font-size: 10px;
}

.hidden.section {
    display: block !important;
    visibility: visible !important;
}

.fancybox-emergencyalert #btn-x {
    background: transparent url('images/emergency_alert/alert-icon.png') 0 0;
}
/*

    MM'""""'YMM                                       oo
    M' .mmm. `M
    M  MMMMMooM .d8888b. 88d8b.d8b. 88d888b. .d8888b. dP .d8888b. 88d888b.
    M  MMMMMMMM 88'  `88 88'`88'`88 88'  `88 88'  `88 88 88'  `88 88'  `88
    M. `MMM' .M 88.  .88 88  88  88 88.  .88 88.  .88 88 88.  .88 88    88
    MM.     .dM `88888P8 dP  dP  dP 88Y888P' `88888P8 dP `8888P88 dP    dP
    MMMMMMMMMMM                     88                        .88
                                    dP                    d8888P

*/

.campaign #breadCrumb {
    margin-top: 10px;
}

.campaign .headerpar .teaserCarousel,
.campaign .headerpar .carousel {
    margin-bottom: 0;
}

.footer #mastFooter {
    overflow: hidden;
    font-size: 10px;
    padding: 3px 0px;
}

.xs .responsive-offset .youtube,
.xs .responsive-offset .mediavideo {
    margin-bottom: 8px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('images/fancybox/uoa_close.png') 0px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #222; color: #FFF }

/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }

/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('images/calendar/date.gif') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('images/calendar/disabled-date.gif') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }
/*
    UoA styles for datepicker
 */

#middleBar input[role='date'] {
    width: 130px;
}

.Zebra_DatePicker {
    background: #7BB4DF;
    border: 1px solid #BBDEF8;
    border-radius: 0;
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next,
.Zebra_DatePicker .dp_header .dp_caption,
.Zebra_DatePicker .dp_footer .dp_today,
.Zebra_DatePicker .dp_footer .dp_clear
{
    color: white;
}

.Zebra_DatePicker .dp_header .dp_previous.dp_hover,
.Zebra_DatePicker .dp_header .dp_next.dp_hover,
.Zebra_DatePicker .dp_header .dp_caption.dp_hover,
.Zebra_DatePicker .dp_footer .dp_today.dp_hover,
.Zebra_DatePicker .dp_footer .dp_clear.dp_hover
{
    background-color: #bbdef8;
    color: #333;
    text-decoration: underline;
    border-radius: 0;
}


.Zebra_DatePicker .dp_daypicker th {
    background-color: #115B88;
    color: #fff;
}

.Zebra_DatePicker .dp_daypicker td.dp_current,
.Zebra_DatePicker .dp_monthpicker td.dp_current,
.Zebra_DatePicker .dp_yearpicker td.dp_current{
    font-weight: bold;
    color: #000 !important;
    background-color: #fefefe;
}

.Zebra_DatePicker .dp_daypicker td.dp_selected,
.Zebra_DatePicker .dp_monthpicker td.dp_selected,
.Zebra_DatePicker .dp_yearpicker td.dp_selected {
    font-weight: bold;
    background-color: #115B88 !important;
    color: #fff !important;
}

.Zebra_DatePicker .dp_daypicker td.dp_hover,
.Zebra_DatePicker .dp_monthpicker td.dp_hover,
.Zebra_DatePicker .dp_yearpicker td.dp_hover {
    background-color: #7BB4DF;
    color: #fff;
}


/* so ugly, but can't hack into zebra script to fix stuff */

.datepicker .form_rightcol_wrapper {
    position: relative;
}

.datepicker button.Zebra_DatePicker_Icon_Inside {
    position: absolute;
    top: 0px !important;
    bottom: 0px;
    right: 0px;
    height: auto;
    background-position: center center;
}

.Zebra_DatePicker_Icon_Wrapper {
    position: static !important;
}

.datepicker .form_field.form_field_text {
    margin-bottom: 0;
}

#date_wrapper {
    margin-bottom: 4px;
    position: relative;
}