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

iframe {
    border: none;
}


/* Rules for Opera */
@media all and (min-width: 0px) {
    html, body {
        height: auto;
    }
}

body {
    background-color: #eae9e0;
	// background-color: #0F7DB3;
	     font-size: 71%;
	//background:url(/web-mock-1/Images/Henri_Rousseau_-_Combat_of_a_Tiger_and_a_Buffalo.jpg) ;
	//background-size:cover;
    /*position: relative;*/
}


.sidey
{
font-size:14px;
padding:5px;
width:100%;
color:#0f7bb0;


}
.sidey a{
text-decoration:none;
color:#0f7bb0;		
}
.sidey a:visited{
text-decoration:none;
color:#0f7bb0;		
}
.sidey a:hover{
color:#026598;
font-weight:bolder;
text-decoration:none;

}


#col-center,
.layout-type-05 #col-left,
.layout-type-05 #col-right {
    font-size: 110%;
}

    #col-center table,
    .landing-page #col-center {
        font-size: 95%;
    }

        .landing-page #col-center ul.type-02 {
            font-size: 98%;
        }

        .landing-page #col-center table {
            font-size: 105%;
        }

    #col-center ul.tabs,
    #tabs-container ul.tabs {
        font-size: 109%;
    }

#tabs-container {
    background-color: #fff;
}

body, .button, select, input[type=text], input[type=password], textarea {
    color: #515151;
    font-family: Arial, Helvetica, sans-serif;
}

/* -------------------------------------------- */
#masthead {
    background-color: #fff;
}

    #masthead .wrapper,
    #content .wrapper,
    #survey-prompt .wrapper {
        background-color: #fff;
        margin: 0 auto;
        /*max-width: 1050px; width lager than 953 (with of live site) */
        max-width: 953px;
        min-width: 860px;
        width: 90%;
    }

#survey-prompt .wrapper {
    background-color: transparent;
}

.layout-type-02.alternate-02 #masthead .wrapper {
    background-image: url("Content/_images/backgrounds/masthead-helper.gif");
    background-repeat: repeat-x;
    background-position: 100% 100%;
}

.layout-is-fixed #masthead .wrapper, .layout-is-fixed #content .wrapper, .layout-is-fixed #footer-helper,
#homepage #masthead .wrapper, #homepage #content .wrapper, #homepage #footer-helper,
.landing-page #masthead .wrapper, .landing-page #content .wrapper, .landing-page #footer-helper {
    max-width: auto;
    min-width: auto;
    /*width: 955px;*/
    width: 954px;
}

layout-is-fixed-type-02 #masthead .wrapper, .layout-is-fixed-type-02 #content .wrapper, .layout-is-fixed-type-02 #footer-helper {
    max-width: auto;
    min-width: auto;
    /*width: 955px;*/
    width: 1050px;
}

/* Target WebKit
	----------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .layout-is-fixed #masthead .wrapper, .layout-is-fixed #content .wrapper, .layout-is-fixed #footer-helper,
    #homepage #masthead .wrapper, #homepage #content .wrapper, #homepage #footer-helper,
    .landing-page #masthead .wrapper, .landing-page #content .wrapper, .landing-page #footer-helper {
        width: 953px;
    }
}

#masthead .wrapper {
    padding: 1em 0 0 0;
}

a#brandmark, a #brandmark:visited, a#brandmark:hover, a#brandmark:active,
a#brandmark img {
   // height: 48px;
   // width: 321px;
}

    a#brandmark, a #brandmark:visited, a#brandmark:hover, a#brandmark:active {
        float: left;
        margin: 2.4em 0 2em 0;
    }

#brandline {
    /*color: #6b4a29;*/
    color: #3f1c04;
    float: right;
    font-family: Georgia, serif;
    font-size: 135%;
    font-style: italic;
    line-height: 1.2em;
    margin-top: 2.1em;
    padding: 0;
    text-align: right;
}

#masthead .adjuster {
    padding-bottom: 8px;
}

/* ----------------------------------------------- */
#page-heading {
    background-color: #0f7db3;
    
    color: #fff;
    padding: 15px;
}

#page-heading,
#col-left hr,
#col-center hr.type-02,
#col-right hr {
    border-color: #666666;
	border-color: #ffffff;
    border-style: solid;
    border-width: 0 0 2px 0;
}

   /* #page-heading.blog {
        border-width: 0;
        padding-top: 4em;
        padding-bottom: 4em;
        text-align: center;
    }

        #page-heading.blog.post {
            background-color: #fff;
            background-image: url("Content/_images/backgrounds/page-heading-alternate.gif");
        }*/

/* ----------------------------------------------- */
#content {
    background-image: url("Content/_images/backgrounds/content.gif");
    background-repeat: repeat-x;
    padding-bottom: 2.4em;
}

    #content .wrapper {
        background-color: transparent;
       
        background-position: 100% 0;
        /* padding-right: 7px; */
        /* padding-left: 7px; */
        -webkit-box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
    }

#columns, #columns-wrapper, #columns-inner {
    background-color: #fff; /* col-right */
    float: left;
    width: 100%;
}

#columns { /* col-right */
    clear: left;
    overflow: hidden;
}

#columns-wrapper, #columns-inner {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 100% 0;
    background-repeat: repeat-y;
    position: relative;
}

#columns-wrapper { /* col-center */
    right: 30%;
}

#columns-inner { /* col-left */
    background-color: #fff;
    right: 54%;
}

.layout-type-09 #columns-inner { /* col-left */
    right: 49%;
}


#col-left, #col-center, #col-right {
    float: left;
    left: 84%;
    position: relative;
}

.layout-type-09 #col-left, .layout-type-09 #col-center, .layout-type-09 #col-right {
    left: 79%;
}

#col-left {
    width: 33%;
}

.layout-type-09 #col-left {
    width: 33%;
}

#col-center {
    width: 34%;
}

#col-right {
    width: 33%;
}

#col-center .content {
    margin-bottom: 0; /*1.2em*/
    padding-left: 1.6em;
    padding-right: 1.6em;
}

#col-left .content,
#col-center .content,
#col-right .content {
    padding-bottom: 1.6em;
}

#col-left .content,
#col-right .content {
    padding-left: 1.6em;
    padding-right: 1.6em;
    padding-bottom: 1.6em;
}

#event-detail #col-center .hero .content {
    padding-bottom: 0;
}

#col-center ol.type-02 li div.content {
    margin-bottom: 0;
    padding-top: 1.2em;
    padding-left: 1.2em;
    padding-right: 1.2em;
}

#hero {
    background-position: 50% 46%;
}

    #hero.loaded {
        background-image: none;
    }

        #hero.loaded.has-video {
            cursor: pointer;
        }

/* ----------------------------------------------- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-moz-keyframes fade-in {
    0% {
        -moz-opacity: 0.0;
        opacity: 0.0;
    }

    100% {
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

@-o-keyframes fade-in {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0.0;
        -khtml-opacity: 0.0;
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-ms-keyframes fade-in {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }
}
/* ----------------------------------------------- */
#hero img {
    /* 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						filter: alpha(opacity=0);
						-moz-opacity: 0.0;
						-khtml-opacity: 0.0;
						opacity: 0.0;
 */
    width: 100%;
}

#hero.loaded img.hero {
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -webkit-animation-name: fade-in;
    -moz-animation-duration: 0.6s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -moz-animation-name: fade-in;
    -ms-animation-duration: 0.6s;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    -ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0;
    -ms-animation-name: fade-in;
    -o-animation-duration: 0.6s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    -o-animation-name: fade-in;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 0;
    animation-name: fade-in;
}

#hero img.play {
    height: 118px;
    position: absolute;
    left: 50%;
    margin-left: -59px;
    margin-top: 64px;
    width: 118px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    #hero img.play.visible {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

#hero.loaded.has-video:hover img.play {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}




#col-center object {
    display: block;
    padding: .6em 0;
}

/* Single column layout
-------------------------------------------------- */
.layout-type-02 #columns {
    clear: none;
}

.layout-type-02 #columns, .layout-type-02 #columns-wrapper, .layout-type-02 #columns-inner {
    float: none;
    width: 100%;
}

.layout-type-02 #columns-wrapper, .layout-type-02 #columns-inner {
    width: auto;
}

.layout-type-02 #columns-wrapper, .layout-type-02 #columns-inner {
    background-image: none;
}

.layout-type-02 #col-left,
.layout-type-02 #col-right {
    display: none;
}

.layout-type-02 #col-center {
    float: none;
    width: 100%;
}

.layout-type-02.alternate #col-center .content,
.layout-type-02.alternate-02 #col-center .content {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.layout-type-02.alternate-02 #page-heading,
.layout-type-02.alternate-02 #content-heading {
    display: none;
}

.layout-type-02.alternate-02 #col-center .content {
    padding-top: 1.6em;
}

#timeline-outer {
    height: 600px;
    margin: 0 auto;
    width: 940px;
}

/* Two column layouts
-------------------------------------------------- */
.layout-type-03 #columns-inner {
    background-image: none;
}

.layout-type-03 #col-left {
    display: none;
}

.layout-type-03 #col-center {
    width: 70%;
}

    .layout-type-03 #col-center span.call-to-action {
        margin-right: 1.6em;
    }

/* ---------------------------------------------*/
.layout-type-04 #columns-wrapper,
.layout-type-09 #columns-wrapper {
    background-image: none;
}

.layout-type-04 #col-center,
.layout-type-09 #col-center {
    width: 84%;
}

.layout-type-09 #col-center {
    width: 81%;
}

    .layout-type-04 #col-center .content,
    .layout-type-09 #col-center .content {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .layout-type-04 #col-center .content-type-02,
    .layout-type-04 #col-center .content-type-03,
    .layout-type-09 #col-center .content-type-02,
    .layout-type-09 #col-center .content-type-03 {
        padding-left: 1.6em;
        padding-right: 1.6em;
        padding-bottom: 1.6em;
        width: 59%;
    }

    .layout-type-04 #col-center .content-type-03,
    .layout-type-09 #col-center .content-type-03 {
        padding-left: 0;
    }

    .layout-type-04 #col-center .content-type-04,
    .layout-type-09 #col-center .content-type-04 {
        width: 70%;
    }

.layout-type-04 #col-center .answers {
    padding-left: 1.6em;
}

    .layout-type-04 #col-center .answers ol li {
        padding-left: 0;
    }

.layout-type-04 #col-right,
.layout-type-09 #col-right {
    display: none;
}


/* ---------------------------------------------*/
.layout-type-05 #columns-inner {
    background-image: none;
}

.layout-type-05 #columns-wrapper {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 80% 0;
}

.layout-type-05 #col-left,
.layout-type-05 #col-right {
    width: 50%;
}

.layout-type-05 #col-center {
    display: none;
}
/* ---------------------------------------------*/
.layout-type-06 #columns-wrapper, .layout-type-06 #columns-inner {
    background-image: none;
}

.layout-type-06 #columns-wrapper {
    right: 0;
}

.layout-type-06 #columns-inner {
    background-color: #f5f5f5;
    right: 78%;
}

.layout-type-06.alternate #columns-inner {
    background-color: #fff;
}

.layout-type-06 #col-left, .layout-type-06 #col-center {
    left: 78%;
}

.layout-type-06 #col-left {
    width: 22%;
}

.layout-type-06 #col-center {
    width: 78%;
}

.layout-type-06 #col-right {
    display: none;
}

/* ---------------------------------------------*/
.layout-type-07 #columns-inner {
    background-image: none;
}

.layout-type-07 #columns-inner {
    background-color: #f5f5f5;
    right: 48%;
}

.layout-type-07 #col-left, .layout-type-07 #col-center, .layout-type-07 #col-right {
    left: 78%;
}

.layout-type-07 #col-left {
    width: 22%;
}

.layout-type-07 #col-center {
    width: 48%;
}

/* ---------------------------------------------*/
.layout-type-08 #columns-wrapper, .layout-type-08 #columns-inner {
    background-image: none;
}

.layout-type-08 #col-left,
.layout-type-08 #col-right {
    display: none;
}

.layout-type-08 #col-center {
    width: 60%;
}


/* ------------------------------------------------ */
#content-heading {
    border-color: #321b0b;
    border-width: 0 0 4px 0;
    border-style: solid;
    padding: 1.6em;
}

    #content-heading.type-02 {
        border-width: 0;
        padding: 1.6em 1.6em 1.4em 1.6em;
    }

    #content-heading ul.type-02 {
        float: right;
    }

    #content-heading h2, #content-heading p {
        width: 48%;
    }

/* ----------------------------------------------- */
.columns, .columns.type-02 {
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 0 0 1px 0;
}

    .columns, .columns.type-02 {
        border-color: #00aed8;
        border-width: 0 0 5px 0;
    }
        /* ----------------------------------------------- */

        .columns.three-hero,
        .columns.two-thirds,
        .columns.two-equal {
            border-width: 0;
        }

#homepage .columns.three-hero {
    background-color: #a99999;
    height: 312px;
}

.columns, .columns-wrapper, .columns-inner {
    background-color: #fff; /* col-center */
    float: left;
    width: 100%;
}

    /*new layout*/
    .columns.two-thirds-02 .columns-wrapper {
       
        width: 100%;
    }

.columns { /* col-right */
    clear: left;
    overflow: hidden;
}

.columns {
    background-color: #fff; /* right column background colour */
}

.columns-wrapper, .columns-inner {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 100% 0;
    background-repeat: repeat-y;
    position: relative;
}

.columns.three-equal .columns-wrapper,
.columns.two-equal .columns-wrapper {
    background-image: none;
}

.columns.three-equal, .columns.two-thirds, .columns.two-equal {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 66.75% 0;
    background-repeat: repeat-y;
}

/*new layout - center section*/
.columns.three-equal-02 .col-left {
    background-color: #00a0d4;
    height: 330px;
    width: 10%;
    float: left;
    background-image: url("Content/_images/textures/01.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

.columns.three-equal-02 .col-center {
    width: 48%;
    height: 330px;
}

    .columns.three-equal-02 .col-center hr {
        border-color: #d5d5d5;
        border-style: solid;
        border-width: 0 0 1px 0;
        margin: 1em 0 0.7em 0;
        padding: 0;
        height: 0;
    }

.columns.three-equal-02 .col-right {
    width: 42%;
    float: right;
}

.columns.three-equal-02 .col-center {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 100% 0px;
    background-repeat: no-repeat;
}

    .columns.three-equal-02 .col-center .content {
        margin-left: 20px;
    }

    .columns.three-equal-02 .col-center .content {
        float: left;
    }

        .columns.three-equal-02 .col-center .content img {
            width: 200px;
            height: 118px;
        }

        .columns.three-equal-02 .col-center .content span {
            color: #ff6d00;
            font-weight: bold;
        }

        .columns.three-equal-02 .col-center .content p {
            color: #515151;
            font-size: 115%;
            font-family: Georgia, serif;
        }

        .columns.three-equal-02 .col-center .content div {
            float: left;
            margin-left: 20px;
            width: 210px;
        }

        .columns.three-equal-02 .col-center .content hr, .columns.three-equal-02 .col-right .content hr {
            border-color: #d5d5d5;
            border-style: solid;
            border-width: 0 0 1px 0;
            margin: 1.7em 0 0 0;
            padding: 0;
            height: 0;
        }

.columns.three-equal-02 .col-right .content hr {
    margin: 2.4em 0 0.2em 0;
}

/*END new center section*/

.columns.two-equal {
    background-position: 50% 0;
}

#homepage .columns.three-equal {
    background-position: 637px 0;
}

.columns.three-hero .columns-wrapper, .columns.three-hero .columns-inner {
    background-image: none;
}

    .columns.three-hero .columns-inner.texture-01 {
        background-color: #00a0d4;
        background-image: url("../_images/textures/01.gif");
        /*background-position: 846px 0;*/
        background-position: 662px -37px;
        background-repeat: no-repeat;
    }

.columns.three-equal .columns-wrapper { /* col-center */
    right: 33.5%;
}

.columns.three-hero .columns-wrapper { /* col-center */
    right: 290px;
}

.columns-inner { /* col-left */
    background-color: #fff;
}

.columns.three-equal .columns-inner { /* col-left */
    right: 33.5%;
}

.columns.three-hero .columns-inner { /* col-left */
    right: 555px;
}

.columns.two-thirds .columns-inner { /* col-left */
    right: 33%;
}

.columns.two-equal .columns-inner { /* col-left */
    right: 50%;
}

.columns-inner {
    background-color: #fff;
}

.col-left, .col-center, .col-right {
    float: left;
    position: relative;
}

.columns.three-equal .col-left, .columns.three-equal .col-center, .columns.three-equal .col-right {
    left: 67%;
}

.columns.three-equal .col-left {
    width: 33%;
}

.columns.three-equal .col-center {
    width: 33.7%;
}

.columns.three-equal .col-right {
    width: 33.2%;
}

.columns.two-thirds .col-left, .columns.two-thirds .col-right {
    left: 33%;
}

.columns.two-thirds .col-left {
    width: 67%;
}

.columns.two-thirds .col-right {
    width: 33%;
}

.columns.two-equal .col-left, .columns.two-equal .col-right {
    left: 50%;
}

.columns.two-equal .col-left {
    width: 50%;
}

.columns.two-equal .col-right {
    width: 50%;
}

.columns.three-equal .col-left .content,
.columns.three-equal .col-center .content,
.columns.three-equal .col-right .content {
    padding-right: 1em;
    padding-bottom: .4em;
    padding-left: 1em;
}

.columns.three-equal .col-center .content {
    padding-right: 1.3em;
	
}

.columns.three-hero .col-left, .columns.three-hero .col-center, .columns.three-hero .col-right {
    left: 845px;
}

.columns.three-hero .col-left {
    width: 110px;
}
/* Target WebKit
				----------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .columns.three-hero .col-left {
        width: 109px;
    }
}

.columns.three-hero .col-center {
    width: 555px;
	
}

#homepage .columns.three-hero .col-center {
    margin-left: -1px;
    width: 554px;
	
}

.columns.three-hero .col-right {
    color: #fff;
    width: 290px;
	
}

/* Two-thirds new layout
				----------------------------------------------- */
.columns.three-hero.two-thirds-02 .col-right {
    color: #fff;
    width: 400px;
	
}

.columns.three-hero .col-left .content,
.columns.three-hero .col-right .content {
    background-image: url("Content/_images/backgrounds/shading.png");
}

.columns.three-hero .col-left .content {
    padding: 2em 2em 0 2em;
}

.columns.three-hero .col-right .content {
    padding: 3.1em 2em 0 2em;
}

.columns.three-hero .col-right a, .columns.three-hero .col-right a:visited, .columns.three-hero .col-right a:hover, .columns.three-hero .col-right a:active {
    color: #fff;
}

    .columns.three-hero .col-right a:hover, .columns.three-hero .col-right a:active {
        text-decoration: underline;
    }

    .columns.three-hero .col-right a:active {
        text-decoration: none;
    }

.columns.single .content {
    padding: 0;
}

#homepage .columns.single .content {
    padding: 12px;
}
/* ----------------------------------------------- */
.columns-container,
.columns-container-type-02,
.columns-container-type-03,
.columns-container-type-04,
.columns-container-type-05 {
    margin-bottom: 0;
    width: 100%;
}

.columns-container-type-02 {
    background-color: #f3f3f3;
    margin-top: .6em;
}

.layout-type-02.alternate #col-center .content.type-05,
.layout-type-02.alternate-02 #col-center .content.type-05{
    padding-left: 3em;
    padding-right: 3em;
}

.columns-container-type-03 {
    margin-left: 2.9em;
    margin-right: 2.9em;
    width: auto;
}

.columns-container-type-04 {
    background-color: #1197c9;
}

.columns-container.use-divider,
.columns-container-type-02.use-divider {
    background-image: url("Content/_images/columns/vertical-ruler.gif");
    background-position: 50% 0;
    background-repeat: repeat-y;
}

.col-left, .col-right {
    width: 50%;
    float: left;
}

.col-right {
    float: right;
}

.columns-container.two-thirds .col-left {
    width: 34%;
}

.columns-container.two-thirds .col-right {
    width: 66%;
}

.columns-container-type-05 .col-left {
    width: 60%;
}

.columns-container-type-05 .col-right {
    width: 40%;
}

.columns-container-type-02 .col-left,
.columns-container-type-02 .col-right {
    border-color: #557799;
    border-style: solid;
    border-width: 4px 0 0 0;
}

#col-center .columns-container .content.type-02,
#col-center .columns-container .content.type-03 {
    color: #fff;
    margin: 0;
    padding: .4em .8em .5em .8em;
}

#col-center .columns-container .content.type-02 {
    background-image: url("Content/_images/backgrounds/1197c9-50-percent.png");
    font-family: Georgia, serif;
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
}

#col-center .columns-container .content.type-03 {
    background-color: #009fd4;
    font-size: 110%;
    height: 5em;
}

#col-center .columns-container .content.type-04,
.columns-container .content.type-04 {
    margin-bottom: 0;
    padding: 0;
}

#col-center .columns-container .col-left .content.type-04,
.columns-container .col-left .content.type-04 {
    padding-right: .8em;
}

#col-center .columns-container .col-right .content.type-04,
.columns-container .col-right .content.type-04 {
    padding-left: .8em;
    padding-right: .3em;
}

/* ----------------------------------------------- */
.container {
    background-color: #fff;
}

    .container .content {
        padding: 0 1em .4em 1em;
    }

/* ----------------------------------------------- */

#map {
    height: 450px;
    margin-left: 1.6em;
    margin-right: 1.6em;
    margin-bottom: 1.6em;
    overflow: hidden;
}

#map-navigation {
    background-color: #fff;
    margin-top: -450px;
    margin-right: 35px;
    float: right;
    width: 211px;
}

/* ----------------------------------------------- */

.layout-type-03 #col-center div.hero h2,
.layout-type-03 #col-center div.hero p {
    margin-left: 0;
    margin-right: 0;
}

div.hero {
    background-color: #009fd4;
    color: #fff;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    min-height: 300px;
}

    div.hero.team {
        color: #fff;
        min-height: 125px;
    }

#event-detail div.hero {
    min-height: auto;
}

div.hero .hero-content {
    padding-top: 1.6em;
    padding-left: 340px;
    padding-right: 5%;
}

div.hero.team .hero-content {
    padding-left: 145px;
}

div.hero.team h2, div.hero.team .role, span.date {
    color: #fff;
    font-family: Georgia, serif;
    font-size: 170%;
    font-weight: normal;
    line-height: 1.1em;
    padding: 0;
    text-transform: none;
}

div.hero.team .role {
    display: block;
    font-size: 165%;
    font-style: italic;
}

span.date {
    color: #515151;
    display: block;
    font-size: 110%;
    font-style: italic;
    padding: .6em 0;
}

    span.date.type-02 {
        font-family: Trebuchet MS, sans-serif;
        color: #582700;
        margin-top: 1.2em;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
    }

#event-detail span.date {
    color: #fff;
    font-family: "KievitMediumSC";
    font-style: normal;
    text-transform: uppercase;
    margin-top: .4em;
    padding-bottom: 0;
}

div.hero.team .region,
ul.type-03.alternate span.region {
    display: block;
    font-family: Trebuchet MS, sans-serif;
    font-size: 100%;
    text-transform: uppercase;
}

    div.hero.team .region a, div.hero.team .region a:visited, div.hero.team .region a:hover, div.hero.team .region a:active {
        color: #fff;
    }

        div.hero.team .region a:hover, div.hero.team .region a:active {
            color: #fff;
            text-decoration: underline;
        }

        div.hero.team .region a:active {
            color: #fff;
            text-decoration: none;
        }

div.hero p {
    font-family: Georgia, serif;
    font-size: 160%;
    font-style: italic;
    line-height: 1.3em;
}

/* ----------------------------------------------- */
#event-detail div.hero p {
    font-family: "ArnhemProBlond";
    font-size: 180%;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4em;
    padding-right: 5%;
}

/* ----------------------------------------------- */

#regions-outer.large {
    float: right;
    margin-right: 1.2em;
    margin-bottom: 1.2em;
    height: 419px;
}

#regions-outer.small {
    height: 174px;
}

.stall-load, .loading {
    background-color: #fff;
    background-image: url("Content/_images/indicators/default.gif");
    background-position: 50% 44%;
}

.democratic-and-accountable-government .stall-load,
.democratic-and-accountable-government .loading {
    background-image: url("Content/_images/indicators/democratic-and-accountable-government.gif");
}

.economic-fairness .stall-load,
.economic-fairness .loading {
    background-image: url("Content/_images/indicators/economic-fairness.gif");
}

.educational-opportunity-and-scholarship .stall-load,
.educational-opportunity-and-scholarship .loading {
    background-image: url("Content/_images/indicators/educational-opportunity-and-scholarship.gif");
}

.freedom-of-expression .stall-load,
.freedom-of-expression .loading {
    background-image: url("Content/_images/indicators/freedom-of-expression.gif");
}

.human-rights .stall-load,
.human-rights .loading {
    background-image: url("Content/_images/indicators/human-rights.gif");
}

.metropolitan-opportunity .stall-load,
.metropolitan-opportunity .loading {
    background-image: url("Content/_images/indicators/metropolitan-opportunity.gif");
}

.sexuality-and-reproductive-health-and-rights .stall-load,
.sexuality-and-reproductive-health-and-rights .loading {
    background-image: url("Content/_images/indicators/sexuality-and-reproductive-health-and-rights.gif");
}

.social-justice-philanthropy .stall-load,
.social-justice-philanthropy .loading {
    background-image: url("Content/_images/indicators/social-justice-philanthropy.gif");
}

.sustainable-development .stall-load,
.sustainable-development .loading {
    background-image: url("Content/_images/indicators/sustainable-development.gif");
}

.is-loaded .stall-load, .is-loaded .loading,
#regions-outer.small.stall-load {
    background-color: transparent;
    background-image: none;
}

#homepage #hero-movie-outer {
    background-color: #fff;
    background-image: url("Content/_images/indicators/default.gif");
    background-position: 50% 44%;
    height: 312px;
}

#homepage .is-loaded #hero-movie-outer {
    background-image: none;
}

#homepage #hero-movie-outer img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#homepage .is-loaded #hero-movie-outer img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    -moz-transition: opacity 400ms linear;
    -ms-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    -webkit-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
}
/* ----------------------------------------------- */
#footer {
    background-color: #fff;
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 1px 0 0 0;
    color: #666;
    font-size: 97%;
    padding: 1em 1.6em 1.1em 1.6em;
}

#footer {
    /*background-image: url("Content/_images/75th-anniversary-mark-type-02.gif");*/
    background-position: 50% 50%;
    padding: 2em 1.6em 2em 1.6em;
}

#homepage #footer {
    background-image: none;
    padding: 1em 1.6em 1.1em 1.6em;
}

#signoff {
    font-family: Georgia, serif;
    display: block;
}

    #signoff a, #signoff a:visited, #signoff a:hover, #signoff a:active {
        float: left;
        margin-right: 1.2em;
        display: none;
    }

#homepage #signoff a, #homepage #signoff a:visited, #homepage #signoff a:hover, #homepage #signoff a:active {
    display: block;
}

#signoff img {
    height: 18px;
    width: 141px;
}

#footer-helper {
    background-image: url("Content/_images/backgrounds/footer-bottom.gif");
    background-position: 1px 0;
    display: block;
    height: 7px;
}

    #footer-helper span {
        background-image: url("Content/_images/backgrounds/footer-corner.gif");
        display: block;
        height: 7px;
        float: right;
        margin-right: -7px;
        padding: 0;
        width: 7px;
    }

#footer .content {
    float: right;
}

/* Horizontal Rulers
----------------------------------------------- */
hr,
#col-left .content hr,
#col-center hr,
#col-right .content hr {
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 0 0 1px 0;
    margin-top: 1.7em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    padding: 0;
    height: 0;
}

    #col-center hr.type-02 {
        border-color: #321600;
        margin-top: 0;
    }

    #col-center hr.type-03 {
        border-color: #ccc;
        border-width: 0 0 4px 0;
        margin-top: 60px;
    }

#col-right hr {
    margin-top: 0;
    margin-bottom: 1.2em;
}

/* ----------------------------------------------- */
#loading-status {
    color: #fff;
    font-size: 90%;
    left: 17%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 83%;
}

.is-loaded #loading-status {
    display: none;
}

#loading-status span {
    background-color: #009fd4;
    background-image: url("Content/_images/indicators/loader-alternate.gif");
    background-position: .6em 50%;
    padding: .4em 1.6em .4em 2.6em;
    -webkit-box-shadow: 0 0 30px #7f7f7f; /* horizontal offset, vertical offset, blur radius, color */
    -moz-box-shadow: 0 0 30px #7f7f7f;
    -box-shadow: 0 0 30px #7f7f7f;
}

#video-outer {
    margin: .6em 0;
}

/* ----------------------------------------------- */
div.hero-container {
    background-image: url("Content/_images/indicators/default.gif");
    background-position: 50% 44%;
}

.democratic-and-accountable-government div.hero-container {
    background-image: url("Content/_images/indicators/democratic-and-accountable-government.gif");
}

.economic-fairness div.hero-container {
    background-image: url("Content/_images/indicators/economic-fairness.gif");
}

.educational-opportunity-and-scholarship div.hero-container {
    background-image: url("Content/_images/indicators/educational-opportunity-and-scholarship.gif");
}

.freedom-of-expression div.hero-container {
    background-image: url("Content/_images/indicators/freedom-of-expression.gif");
}

.human-rights div.hero-container {
    background-image: url("Content/_images/indicators/human-rights.gif");
}

.metropolitan-opportunity div.hero-container {
    background-image: url("Content/_images/indicators/metropolitan-opportunity.gif");
}

.sexuality-and-reproductive-health-and-rights div.hero-container {
    background-image: url("Content/_images/indicators/sexuality-and-reproductive-health-and-rights.gif");
}

.social-justice-philanthropy div.hero-container {
    background-image: url("Content/_images/indicators/social-justice-philanthropy.gif");
}

.sustainable-development div.hero-container {
    background-image: url("Content/_images/indicators/sustainable-development.gif");
}

.is-loaded div.hero-container {
    background-image: none;
}

div.hero-container {
    margin-top: 1.2em;
}



img.hero {
    /* 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
 */
    /*margin-top: 1.6em;*/
    margin-bottom: .4em;
    visibility: hidden;
}

.is-loaded img.hero {
    visibility: visible;
}

/* ----------------------------------------------- */
.slideshow {
    background-color: #f5f5f5;
    height: 340px;
    margin: 1.2em 0;
}

.live-blog {
    margin: 1.2em 0;
}

/* ----------------------------------------------- */
#anniversary-mark {
    float: left;
    margin-top: -17px;
}

#cms_authenticated {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: Silver;
    border: 1px;
    border-style: ridge;
    height: 1.6em;
    width: 100%;
    font-size: larger;
    font-weight: bold;
    z-index: 100000;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
}

    #cms_authenticated span {
        margin-left: 2em;
        font-weight: normal;
    }

/* ----------social media icons------------- */
dl.social {
    margin: 0;
    font-size: 0.87em;
}

    dl.social a, dl.social a:visited, dl.social a:hover, dl.social a:active {
        color: #01a9ec;
        text-decoration: none;
    }

        dl.social a:hover {
            text-decoration: underline;
        }

        dl.social a:active {
            text-decoration: none;
        }

    dl.social dt, dl.social dt img {
        height: 20px;
        width: 20px;
        margin-top: 5px;
    }

        dl.social dt.email img {
            cursor: pointer;
            height: 15px;
            margin-top: 2px;
            width: 23px;
        }

    dl.social dt,
    dl.social dd {
        float: left;
    }

    dl.social dt {
        margin-right: 10px;
        margin-left: 3em;
    }

        dl.social dt:first-child {
            margin-left: 0;
        }

    dl.social dd {
        line-height: 0em; /*1.2em*/
        margin: -1px 0 0 0;
    }

        dl.social dd.visible {
            visibility: visible;
        }

        dl.social dd span {
            display: block;
        }

#footer dl.social dd span {
    text-align: left;
    /*visibility: hidden;*/
}

#footer dl.social dd.count-is-true span {
    visibility: visible;
}

dl.social dd.email {
    width: 8em;
}

dl.social dd:last-child { /*not supported in IE8 - look below for fix*/
    display: block;
}

dl.social dd.google-plus {
    display: block;
}

/* ----------------------------------------------- */
.content #utilities {
    list-style-type: none;
    padding-top: 0.5em;
}

#utilities {
    float: right;
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0.6em 0 0 0;
}

#col-center ul#utilities {
    list-style-type: none;
    padding: 0.6em 0 0 0;
}

#utilities li {
    float: left;
    height: 15px;
    margin-left: 5px;
    cursor: pointer;
}

    #utilities li:first-child {
        margin-left: 0;
    }

#utilities img {
    height: 14px;
    width: 14px;
}

#utilities .print img {
    height: 15px;
    width: 19px;
}

#utilities .email img {
    height: 13px;
    width: 15px;
}

.layout-type-02 ul#utilities {
    margin-right: 15px;
}

#annual-report-landing-page .layout-type-02 ul#utilities {
    /*display: none;*/
    margin-right: 0px;
}

.layout-type-06 ul#utilities {
    margin-right: 15px;
}


/* ---------------regions language ------------------- */
ul#utilities {
    color: #999;
    font-size: 88%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#masthead ul#utilities, #col-center ul#utilities {
    float: right;
}

#col-center ul#utilities {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding: 0;
}


#col-center ul#utilities li.language-option,
#content-heading ul#utilities li.language-option {
    border-width: 0;
    display: block;
    float: right;
    margin-top: .8em;
    margin-left: .4em;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: absolute;
    top: 3em;
    right: 1.6em;
}

#col-center ul#utilities li:first-child {
    padding-left: 0;
}

ul#utilities li:last-child, #col-center ul#utilities li:last-child {
    border-width: 0;
    padding-right: 0;
}

#col-center ul#utilities li.break,
#content-heading ul#utilities li.break {
    display: block;
}

ul#utilities a, ul#utilities a:visited, ul#utilities a:hover, ul#utilities a:active,
p.pagination-controls a, p.pagination-controls a:visited, p.pagination-controls a:hover, p.pagination-controls a:active {
    color: #999;
    text-decoration: none;
}

ul#utilities .language-option a, ul#utilities .language-option a:visited, ul#utilities .language-option a:hover, ul#utilities .language-option a:active {
    background-color: #ab937f;
    color: #fff;
    font-family: Trebuchet MS, sans-serif;
    letter-spacing: .04em;
    padding: .2em 1.4em .2em 1.4em;
    text-transform: uppercase;
}

ul#utilities.pagination-controls, ul#utilities.pagination-controls .selected a, ul#utilities.pagination-controls .selected a:visited, ul#utilities.pagination-controls .selected a:hover, ul#utilities.pagination-controls .selected a:active {
    color: #515151;
    text-decoration: none;
}

p.pagination-controls a, p.pagination-controls a:visited, p.pagination-controls a:hover, p.pagination-controls a:active {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 0 1px;
    margin-left: .5em;
    padding-left: .65em;
}

    ul#utilities a:hover, ul#utilities a:active,
    p.pagination-controls a:hover, p.pagination-controls a:active {
        color: #999;
        text-decoration: underline;
    }

ul#utilities .language-option a:hover, ul#utilities .language-option a:active {
    background-color: #ab937f;
    color: #fff;
    text-decoration: underline;
}

ul#utilities .language-option a:active {
    background-color: #ab937f;
    color: #fff;
    text-decoration: none;
}

ul#utilities .inert a, ul#utilities .inert a:visited, ul#utilities .inert a:hover, ul#utilities .inert a:active {
    text-decoration: none;
}

ul#utilities .selected a, ul#utilities .selected a:visited, ul#utilities .selected a:hover, ul#utilities .selected a:active {
    text-decoration: none;
}


/* ---------------map png - home page---------------- */
#homepage .flash-alternative-content {
    margin-left: 40px;
}


/* ----------------------------------------------- */
#survey-prompt {
    background-color: #107db3;
    color: #fff;
    height: 30px;
    position: fixed;
    font-family: "KievitProBold";
    width: 100%;
    z-index: 1000;
}

    #survey-prompt .wrapper {
        position: relative;
    }

/* ----------------------------------------------- */
 #viewport {
    padding-top: 30px;
}

#survey-prompt span {
    line-height: 30px;
    padding: 0;
}

#survey-prompt .close {
    background-image: url("Content/_images/survey/close.png");
    background-position: 0 7px;
    color: #80bed9;
    cursor: pointer;
    float: left;
    padding-left: 24px;
    text-transform: uppercase;
}

#survey-prompt .solicitation {
    float: right;
    font-size: 140%;
    padding-right: 240px;
}

    #survey-prompt .solicitation a,
    #survey-prompt .solicitation a:visited,
    #survey-prompt .solicitation a:hover,
    #survey-prompt .solicitation a:active {
        background-color: #10a0d2;
        position: absolute;
        color: #fff;
        height: 30px;
        top: 0;
        right: 0;
        padding: 0 15px;
        text-decoration: none;
    }

        #survey-prompt .solicitation a em,
        #survey-prompt .solicitation a:visited em,
        #survey-prompt .solicitation a:hover em,
        #survey-prompt .solicitation a:active em {
            border-color: #fff;
            border-style: dotted;
            border-width: 0 0 1px 0;
            font-style: normal;
        }

        #survey-prompt .solicitation a:hover em,
        #survey-prompt .solicitation a:active em {
            border-color: #10a0d2;
        }


/* ----------------------------------------------- */
.content.survey .instructions {
    background-color: #f3f3f3;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 1px 0;
    font-family: "ArnhemProBlond";
    font-size: 120%;
    padding: 1.2em 1.6em 1.8em 1.6em;
}

    .content.survey .instructions em {
        font-family: "ArnhemProBlondItalic";
    }

    .content.survey .instructions .col-left,
    .content.survey .instructions .col-right {
        width: 48%;
    }

.layout-type-02 .content.survey .instructions ul#utilities {
    margin-right: 0;
}

#col-center .content.survey .instructions ul#utilities {
    float: none;
}

#col-center ul#utilities li {
    padding-bottom: 0;
}

.content.survey .instructions #utilities li {
    height: 20px;
    margin-left: 10px;
}

    .content.survey .instructions #utilities li:first-child {
        margin-left: 0;
    }

.content.survey .instructions #utilities img {
    height: 20px;
    width: 20px;
}

.content.survey .instructions #utilities .email img {
    width: 27px;
}

.content.survey .instructions .col-right .col-left {
    width: 40%;
}

.content.survey .instructions .col-right .col-right {
    width: 55%;
}

.content.survey .instructions img.icon {
    /* cursor: pointer; */
    display: block;
    margin-top: 1.6em;
}

/* ----------------------------------------------- */
.content.survey .filter {
    font-family: "ArnhemProBlond";
    padding: 1.2em 1.6em 2.4em 1.6em;
}

    .content.survey .filter label {
        color: #666;
        float: left;
        margin-right: 1em;
        font-size: 150%;
    }

    .content.survey .filter select:focus,
    #survey-submit-question .filter select:focus {
        outline: none;
    }

    .content.survey .filter select:-moz-focusring,
    #survey-submit-question select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    .content.survey .filter select,
    #survey-submit-question select,
    #subscription-submit select {
       
        -moz-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;

        background-image: url("Content/_images/survey/select.png");
        background-repeat: no-repeat;
        background-position: 100% 0;
        border-radius: 0;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px;
        color: #515151;
        display: block;
        font-family: "KievitProBook";
        float: left;
        height: 34px;
        line-height: 34px;
        margin-top: 5px;
        margin-right: 4em;
        padding-top: 0;
        padding-right: 53px;
        padding-bottom: 0;
        padding-left: 10px;

        text-indent: 0.01px;
        text-overflow: '';
    }

        @-moz-document url-prefix() { 
           #subscription-submit select {
              padding-top: 10px;
          }
        }

    /* Target all firefox browsers */
    @-moz-document url-prefix() { 
        .content.survey .filter select,
        #survey-submit-question select {
            padding-top: 7px;
            text-indent: 0.01px;
            text-overflow: '';
        }
    }

select::-ms-expand {
    display: none;
}

.content.survey .filter .select-moz,
#survey-submit-question select-moz {
    background-color: #fff;
    /* background-image: url("Content/_images/survey/select.png"); */
    background-repeat: no-repeat;
    background-position: 100% 0;
    display: block;
    float: left;
    margin-top: -7px;
}

/* ----------------------------------------------- */
#questions {
    padding-left: 1.8em;
    padding-right: 1.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    visibility: hidden;
}

    #questions.render {
        visibility: visible;
    }

    #questions .item,
    #questions .item .name {
        border-color: #ccc;
        border-style: solid;
    }

    #questions .item,
    #questions .grid-sizer {
        width: 30%;
    }

    #questions.alternate .item {
        width: 100%;
    }

    #questions .item {
        background-color: #fff;
        border-width: 1px;
        -webkit-box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 4px 3px 8px 0px rgba(50, 50, 50, 0.25);
        float: left;
        margin-bottom: 2.5em;
    }

        #questions .item.is-hidden {
            display: none;
        }

    #questions.alternate .item {
        float: none;
    }

    #questions .gutter-sizer {
        width: 4%;
    }

    #questions .item .name,
    #questions .item .question,
    #questions .item .answer {
        padding-left: 15px;
        padding-right: 15px;
    }

    #questions .item .name {
        background-color: #f3f3f3;
        border-width: 0 0 1px 0;
        color: #007db5;
        display: block;
        font-family: "KievitProBold";
    }

    #questions .item .question,
    #questions .item .answer {
        color: #666;
        display: block;
        font-family: "ArnhemProBlond";
        font-size: 160%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #questions .item .answer {
        background-color: #fadbbd;
        color: #515151;
        display: none;
        font-family: "KievitProMedium";
        font-size: 100%;
        padding-top: 0;
        padding-bottom: 5px;
    }

    #questions .item p {
        line-height: 1.5em;
    }

    #questions .item .answer.is-visible {
        display: block;
    }

#col-center #questions .item ul {
    color: #007db5;
    list-style: none;
    font-family: "KievitMediumSC";
    float: left;
    font-size: 100%;
    margin-left: 15px;
    padding: 0;
    text-transform: uppercase;
}

#col-center #questions .item li {
    display: inline;
}

    #col-center #questions .item li:before {
        content: ", ";
    }

    #col-center #questions .item li:first-child:before {
        content: "";
    }

#questions .item .vote .icon {
    height: 14px;
    margin-right: 3px;
    width: 14px;
}

#col-center #questions .item .vote {
    background-image: url("Content/_images/survey/icons/plus.png");
    background-position: 0 7px;
    background-size: 14px 14px;
    color: #77aa44;
    cursor: pointer;
    float: right;
    font-family: "KievitProBook";
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 0;
}

    #col-center #questions .item .vote.is-disabled {
        background-image: url("Content/_images/survey/icons/tick.png");
        cursor: default;
        color: #666;
    }

#col-center #questions .item hr {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#col-center #questions .show-answer {
    background-color: #ee8822;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "KievitMediumSC";
    font-size: 100%;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: .3em;
    text-transform: uppercase;
}

    #col-center #questions .show-answer em {
        border-color: #ffffff transparent transparent transparent;
        _border-color: #ffffff #000000 #000000 #000000;
        border-style: solid;
        border-width: 6.9px 4px 0 4px;
        display: inline-block;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000");
        height: 0;
        line-height: 0;
        margin-left: 3px;
        width: 0;
    }

    #col-center #questions .show-answer.is-open em {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/* ----------------------------------------------- */
#survey-submit-question,
#survey-prompt-modal {
    background-color: #fff;
    display: none;
    left: 50%;
    /* margin-left: -35%; */
    margin-left: -324px;
    position: absolute;
    top: 50%;
    /* width: 70%; */
    width: 648px;
    z-index: 2;
    -webkit-box-shadow: 4px 3px 12px 0 rgba(50, 50, 50, 1.0);
    -moz-box-shadow: 4px 3px 12px 0 rgba(50, 50, 50, 1.0);
    box-shadow: 4px 3px 12px 0 rgba(50, 50, 50, 1.0);
}

#survey-submit-question {
    /* top: 30px; */
}

#survey-prompt-modal {
    -webkit-box-shadow: 4px 4px 18px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 18px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 18px 0 rgba(50, 50, 50, 0.5);
}

    #survey-submit-question.render,
    #survey-prompt-modal.render {
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0.0;
        -khtml-opacity: 0.0;
        opacity: 0.0;
        -moz-transition: opacity 250ms linear;
        -ms-transition: opacity 250ms linear;
        -o-transition: opacity 250ms linear;
        -webkit-transition: opacity 250ms linear;
        transition: opacity 250ms linear;
    }

    #survey-submit-question.is-visible,
    #survey-prompt-modal.is-visible {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
        position: fixed;
    }

#survey-submit-question.is-visible {
    position: absolute;
}


#survey-submit-question .wrapper,
#survey-prompt-modal .wrapper {
    padding: 0 30px 30px 30px;
}

#survey-submit-question .header,
#survey-prompt-modal .header {
    background-color: #009fd4;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
}

#survey-prompt-modal .header {
    margin-bottom: 20px;
}

.ff-modal .close,
#survey-submit-question .close,
#survey-prompt-modal .close {
    background-image: url("Content/_images/survey/close-type-02.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 10px;
    width: 40px;
}

#survey-submit-question h2,
#survey-prompt-modal h2 {
    color: #fff;
    font-family: "KievitProThin";
    font-size: 400%;
    font-weight: normal;
    line-height: 1.1em;
    padding: .4em 100px .6em 30px;
    text-transform: none;
}

#survey-submit-question #survey-submit-success h2 {
    color: #009fd4;
    font-family: "KievitProThin";
    padding: .4em 0;
}

#survey-submit-question .col-left {
    padding-right: 15px;
}

#survey-submit-question .col-right {
    padding-left: 15px;
}

#survey-submit-question .notes {
    color: #666;
    font-family: "KievitProMedium";
    font-size: 120%;
    margin-top: 30px;
}

    #survey-submit-question .notes em {
        font-family: "KievitProMediumItalic";
        font-style: normal;
        font-size: 90%;
    }

/* ----------------------------------------------- */
#survey-prompt-modal h3,
#survey-prompt-modal p {
    font-family: "ArnhemProBlond";
}

#survey-prompt-modal h3 {
    color: #007db5;
    font-size: 200%;
    padding: 0;
}

#survey-prompt-modal p {
    color: #666;
    font-size: 180%;
}

    #survey-prompt-modal p em {
        font-family: "ArnhemProBlondItalic";
    }

#survey-prompt-modal ul.options {
    margin-top: 20px;
}

    #survey-prompt-modal ul.options li,
    #survey-submit-success ul.options li {
        float: left;
    }

        #survey-prompt-modal ul.options li:last-child,
        #survey-submit-success ul.options li:last-child {
            float: right;
        }

            #survey-prompt-modal ul.options li:last-child span,
            #survey-submit-success ul.options li:last-child span {
                margin-right: 0;
            }


/* ----------------------------------------------- */
#survey-submit-success {
    display: none;
}

    #survey-submit-success.is-visible {
        display: block;
    }