/* help button */
#iwHelpButton {
    position: fixed;
    top: 250px;
    z-index: 9999;
    left: -4px;
    cursor: pointer;
    display: inline-block;
    background-image: url(../images/HelpSideButton.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 71px;
}

.newActivity #iwHelpButton {
    top: 150px;
}

/* file Type Icon */
a.file {
    background: url("../images/fileIcon.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

a.excel {
    background: url("../images/excelIcon.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

a.word {
    background: url("../images/wordIcon.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

a.pdf {
    background: url("../images/icon-pdf.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

a.image {
    background: url("../images/image.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

a.video {
    background: url("../images/video.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

/* red Image Button */
a.imgButton, span.imgButton, .common a.imgButton, #general-content a.imgButton, .biography-person a.imgButton {
    display: inline-block;
    color: #fff;
    padding: 7px 17px 7px 16px;
    background: url(../images/register-bg.jpg) left top repeat-x;
    font-size: 13px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    a.imgButton:hover, span.imgButton:hover {
        background: url(../images/register-bg-shift.jpg) left top repeat-x;
    }
a.imgButton:empty {
    display: none;
}

/* white Image Button */
a.imgWhiteButton, span.imgWhiteButton {
    font-size: 13px;
    font-weight: bold;
    color: #B10606;
    padding: 6px 16px 6px 16px;
    border-bottom: solid 1px #808080;
    border-right: solid 1px #C0C0C0;
    border-top: solid 1px #EEE;
    background: #D0D0D0;
    background-image: -ms-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background-image: -o-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background-image: -webkit-gradient(linear, top top, right top, color-stop(0, #ffffff), color-stop(1, #c0c0c0));
    background-image: -webkit-linear-gradient(top, #FFF 40%, #C0C0C0 100%);
    background-image: linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background: -moz-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
}

a.imgSmallWhiteButton, span.imgSmallWhiteButton {
    font-size: 11px;
    color: #B10606;
    padding: 2px 12px 0 12px;
    border-bottom: solid 1px #808080;
    border-right: solid 1px #C0C0C0;
    border-top: solid 1px #EEE;
    background: #D0D0D0;
    background-image: -ms-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background-image: -o-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background-image: -webkit-gradient(linear, top top, right top, color-stop(0, #ffffff), color-stop(1, #c0c0c0));
    background-image: -webkit-linear-gradient(top, #FFF 40%, #C0C0C0 100%);
    background-image: linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    background: -moz-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
}

    a.imgWhiteButton:hover, span.imgWhiteButton:hover, a.imgSmallWhiteButton:hover, span.imgSmallWhiteButton:hover {
        background-image: -ms-linear-gradient(top, #ffffff 20%, #c0c0c0 80%);
        background-image: -o-linear-gradient(top, #ffffff 20%, #c0c0c0 80%);
        background-image: -webkit-gradient(linear, top top, right top, color-stop(0, #ffffff), color-stop(1, #c0c0c0));
        background-image: -webkit-linear-gradient(top, #FFF 20%, #C0C0C0 80%);
        background-image: linear-gradient(top, #ffffff 20%, #c0c0c0 80%);
        background: -moz-linear-gradient(top, #ffffff 20%, #c0c0c0 80%);
    }

a.imgWhiteButton span.downArrow {
    display: inline-block;
    float: right;
    height: 12px;
    width: 12px;
    padding: 5px 0 5px 5px;
    background: url(../images/down-arrow.png) center center no-repeat;
}

/* footer */
#footer-content #donors-panel ul li {
    margin: 4px 30px 4px 0;
    line-height: 1.2em;
}

/*Kaltura*/
.kWidgetIframeContainer {
    margin: auto;
}

/*Persist Header*/
#user .miniLogoWrapper {
    background: #ffffff;
    margin: 0 20px 0 10px;
}

#user .miniLogo {
    background-image: url("../images/iwitness-mini.jpg");
    background-repeat: no-repeat;
    background-position-x: 27px;
    height: 50px;
}

.floatingHeader {
    position: fixed;
    top: 0;
    display: none;
    z-index: 99;
}

 /*subNav*/ 
.subNav {
    background: #fff;
}
#general-content .subNav h1 a.title {
    color: #000;
}

/* disabled state for button*/
a.imgButton.disabled, span.imgButton.disabled, .common a.imgButton.disabled, #general-content a.imgButton.disabled, .biography-person a.imgButton.disabled {
    display: inline-block;
    color: #fff;
    padding: 7px 17px 7px 16px;
    background: url(../images/register-bg.jpg) left top repeat-x;
    font-size: 13px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.4;
}


/*Activity*/

.infoQuest{background-image: url('../images/InfoQuestIcon.png');}
.miniQuest{background-image: url('../images/MiniQuestIcon.png')}
.videoActivity{background-image: url('../images/videoActivityIcon.png')}
.miniLesson{background-image: url('../images/MiniLessonIcon.png');}
.iWalk{background-image: url('../images/IWalkIcon.png');}

.icon {
    width: 28px;
    height: 28px;
    position: absolute;
    bottom: -1px;
}

.InfoQuest_miniIcon {background-image: url('../images/icon_infoquest.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 17px;vertical-align: middle;margin-left: 6px;margin-right: 0;display: inline-block;}
.MiniQuest_miniIcon {background-image: url('../images/icon_miniquest.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 17px;vertical-align: middle;margin-left: 6px;margin-right: 0;display: inline-block;}
.VideoActivity_miniIcon {background-image: url('../images/icon_video.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 18px;vertical-align: middle;margin-left: 6px;margin-right: 3px;display: inline-block;}
.MiniLesson_miniIcon {background-image: url('../images/icon_minilesson.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 18px;vertical-align: middle;margin-left: 6px;margin-right: 3px;display: inline-block;}
.IWalk_miniIcon {background-image: url('../images/icon_iwalk.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 14px;vertical-align: middle;margin-left: 6px;margin-right: 0;display: inline-block;}
.GeoStory_miniIcon {background-image: url('../images/icon_geostory.png');width:0;height:0;outline: none;background-repeat: no-repeat;padding: 17px;vertical-align: middle;margin-left: 6px;margin-right: 0;display: inline-block;}
a.back-to-top {display: none;width: 60px;height: 60px;text-indent: -9999px;position: fixed;z-index: 999;left:calc(50% + 498px);bottom: 20px;background: #5c4e4e url("../images/up-arrow.png") no-repeat center 43%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}