#html, body {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    background-color: White;
    overflow: auto;
}

h1 {
    font-family: Georgia;
    font-size: 18px;
    text-align: center;
}

h2 {
    font-family: Arial;
    font-size: 14px;
    text-align: left;
}


.Button, .Button_Disabled, .MiniButton, .MiniButton_Disabled {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: Black;
    background-color: White;
    cursor: pointer;
    border: outset 2px LightGrey;
    padding: 2px 0px 2px 0px;
    text-align: center;
    vertical-align: middle;
}

.MiniButton, .MiniButton_Disabled {
    font-size: 11px;
}

.Button_Disabled, .MiniButton_Disabled {
    color: Silver;
    cursor: default;
}

.MiniButton_Gray, .MiniButton_Gray_mod {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: White;
    background-color: #BDBDBD;
    cursor: pointer;
    padding: 1px 3px 1px 3px;
    text-align: center;
    vertical-align: middle;
    border-left: solid 2px white;
}

.MiniButton_Gray_mod {
    background-color: #A0A0A0;
}

.NormalText, .ExpandedText, .TextBox, .Label, .DropDownList, .MenuDropDownList, .CheckBox, .RadioButton {
    font-size: 12px;
    color: Black;
    background-color: White;
    font-family: Arial;
    font-weight: normal;
}

.SpecialButton, .SpecialButton_Disabled {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: outset 2px LightGrey;
}

.SpecialButton_Disabled {
    color: Gray;
    cursor: default;
}

.Label {
    padding-left: 2px;
    padding-right: 2px;
}

.GalleryHeader {
    font-weight: bold;
    color: #363636;
    background-color: LemonChiffon;
}

.FMap {
    font-family: Arial;
    font-size: 12px;
    margin: 2px 0px 5px 0px;
    display: block;
}

.Link {
    color: Firebrick;
    font-size: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.Link_Disabled {
    color: Gray;
    font-size: 10px;
}

.GalleryLink {
    cursor: pointer;
    font-size: 9px;
    color: Firebrick;
    font-style: italic;
    margin-right: 8px;
}

.InfoTip {
    font-family: Verdana;
    font-size: 11px;
    color: Firebrick;
    width: 180px;
    vertical-align: top;
    text-align: left;
    background-color: LemonChiffon;
    z-index: 900;
    padding: 8px;
    border-radius: 7px;
}

.BigInfoTip {
    font-family: "Open Sans", Verdana, Arial, Sans-Serif;
    font-size: 16px;
    color: Firebrick;
    width: 300px;
    vertical-align: top;
    text-align: left;
    background-color: LemonChiffon;
    position: absolute;
    z-index: 400;
    padding: 15px;
    border-radius: 15px;
}

.FlashMask {
    position: absolute;
    background-color: Lavender;
    color: Gray;
    z-index: 300;
}

.EdGuideTip {
    vertical-align: top;
    text-align: left;
    background-color: Transparent;
    z-index: 400;
    padding: 8px;
    background-color: Bisque;
}

.CompanyTip {
    font-family: Tahoma;
    font-size: 11px;
    color: DarkSlateGray;
    width: 250px;
    vertical-align: top;
    text-align: left;
    background-color: LemonChiffon;
    z-index: 400;
    padding: 5px;
}

.UserTip {
    font-family: Arial;
    font-size: 12px;
    color: DarkSlateGray;
    background-color: #E0FFFF;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px DarkSlateGray;
    z-index: 400;
}

.ViewsMenu {
    font-family: Verdana;
    font-size: 11px;
    color: DarkSlateBlue;
    width: 180px;
    vertical-align: top;
    text-align: left;
    background-color: #ECF1EF;
    z-index: 400;
    padding: 8px;
}

.Message {
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    background-color: white;
    font-family: Verdana;
    color: MediumBlue;
}

.PageView {
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    background-color: White;
    left: 0px;
    z-index: 100;
}

.GraySmall {
    font-size: 10px;
    color: DimGray;
    font-family: Tahoma;
}

.GrayItalic {
    font-size: 12px;
    color: DimGray;
    font-family: Arial;
    font-style: italic;
}

.GrayMessage {
    font-family: Arial;
    font-size: 12px;
    background-color: White;
    color: DimGray;
    text-align: left;
}

.Closer {
    font-family: Arial;
    font-size: 9px;
    font-weight: normal;
    color: Firebrick;
    padding: 0px 2px 0px 2px;
    float: right;
    border: solid 1px Firebrick;
    background-color: White;
    cursor: pointer;
    margin-bottom: 2px;
}

.XCloser {
    font-family: Tahoma;
    font-size: 9px;
    color: White;
    background-color: Firebrick;
    padding: 0px 2px 0px 2px;
    float: right;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}

.MiniKey {
    width: 98px;
    height: 10px;
    text-align: center;
    vertical-align: middle;
}

.DetailsKey {
    width: 110px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    cursor: pointer;
}

.DetailsContainer {
    background-color: white;
    width: 400px;
    height: 685px;
    overflow: auto;
}

.Metadata {
    color: DimGray;
    background-color: WhiteSmoke;
    font-family: Tahoma;
    font-size: 11px;
    padding: 7px;
    vertical-align: top;
    text-align: left;
}

.ZoomMaroon {
    font-family: Verdana;
    font-size: 10px;
    color: Maroon;
}

.AlertMessage {
    font-family: Arial;
    color: Firebrick;
    font-size: 11px;
    background-color: LemonChiffon;
    padding: 1px 3px 1px 3px;
    text-align: left;
}

.MenuItem {
    padding: 0px 2px 0px 2px;
    text-align: left;
    vertical-align: top;
    margin-top: 1px;
}

.Validator {
    font-family: Tahoma;
    color: Red;
    font-size: 10px;
}

.MiniForm {
    position: absolute;
    width: 178px;
    background-color: LightGrey;
    text-align: left;
    z-index: 350;
    font-family: Arial;
    font-size: 11px;
}

.MiniFormCorner {
    height: 18px;
    width: 18px;
    padding: 0px;
    vertical-align: middle;
    background-color: LightGrey; /*background-repeat: no-repeat; */
}

.MiniFormHeader {
    width: 142px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: LightGrey;
    color: Firebrick;
    font-size: 12px;
    font-weight: bold;
}

.MiniFormTextBox {
    font-family: Tahoma;
    color: DimGray;
    font-size: 11px;
    width: 163px;
    overflow: hidden;
}

.Rater {
    font-family: Arial;
    font-size: 10px;
    color: Firebrick;
    background-color: #FFFFCC;
    width: 12px;
    height: 12px;
    text-align: center;
    vertical-align: bottom;
    padding: 0px;
    cursor: crosshair;
}

.ShareDiv {
    font-family: Arial;
    font-size: 10px;
    color: DarkSlateGray;
    position: absolute;
    width: 140px;
    padding: 5px;
    background-color: Gainsboro;
    border: solid 1px DarkSlateGray;
}

.CodeBox {
    font-family: Tahoma;
    font-size: 9px;
    color: DarkSlateBlue;
    padding: 2px;
    width: 134px;
    border: solid 1px DarkSlateGray;
    overflow: hidden;
}

.rounded-corners {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.rounded-corners-zoom {
    -moz-border-top-left-radius: 50px 20px;
    -moz-border-top-right-radius: 50px 20px;
    -webkit-border-top-left-radius: 50px 20px;
    -webkit-border-top-right-radius: 50px 20px;
    -khtml-border-top-left-radius: 50px 20px;
    -khtml-border-top-right-radius: 50px 20px;
    border-top-left-radius: 50px 20px;
    border-top-right-radius: 50px 20px;
}
/* Fonts that apply to the expanded texts on both Stream.aspx and Details.aspx */
.HeadingFonts, .HeadingFontsPv {
    font-family: Roboto,Arial,Helvetica,Sans-Serif;
    font-size: 15px;
    font-weight: bold;
}

.HeadingFontsPv {
    font-size: 18px;
}

.BodyFonts, .BodyFontsPv {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 13px;
}

.BodyFontsPv {
    font-size: 14px;
}

.SpecialTip {
    font-family: Lato,Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    width: 220px;
    vertical-align: top;
    text-align: left;
    z-index: 400;
    position: absolute;
    border: dotted 1px Firebrick;
}

.SpecialTipHead {
    font-family: Roboto,Arial,Helvetica,Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
}

.ExpandedText, .ExpandedTextPv {
    padding: 5px;
    vertical-align: top;
    text-align: left;
    background-color: WhiteSmoke;
}

.ExpandedTextPv {
    padding: 10px;
}

.LinkSpecial, .LinkSpecial_u {
    color: Firebrick;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.LinkSpecial_n {
    color: Firebrick;
    cursor: pointer;
    text-decoration: none;
}

LinSpecial_n:visited {
    color: Firebrick;
    cursor: pointer;
    text-decoration: none;
}

.LinkSpecial_n:hover {
    background-color: lemonchiffon;
    color: Firebrick;
    cursor: pointer;
    text-decoration: none;
}

.LinkSpecial_n:active {
    background-color: lemonchiffon;
    color: Firebrick;
    cursor: pointer;
    text-decoration: none;
}



.LinkSpecial_u {
    text-decoration: underline;
}

.Link_uploads {
    color: Firebrick;
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

.CommentHeader {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.CommentBody {
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    color: #000000;
    padding-right: 3px;
    margin-bottom: 10px;
}

.CommentFooter {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #787878;
    font-style: italic;
    margin-top: 5px;
}

.CommentImage {
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
}

.CitationsContainer {
    text-align: left;
    font-size: 14px;
    display: block;
    margin-top: 20px;
}

.ImageLeft {
    float: left;
    margin-right: 5px;
}

.ImageRight {
    float: right;
    margin-left: 5px;
}

.Centre {
    margin: auto;
    text-align: center;
}

.highlight {
    background-color: yellow;
}

.HandleMenu {
    font-size: 12px;
    font-family: Verdana,Arial,Sans-Serif;
    background-color: White;
    padding: 2px;
    cursor: pointer;
}

/* special classes for the mvc area*/

.mvcBanner {
    background-color: White;
    width: 100%;
    /*height: 335px;*/
}


.mvcMenu {
    font-family: Roboto;
    font-size: 13px;
    color: black;
    background-color: white;
}

.mvcRadMenu {
    color: red;
}

.mvcOverlay {
    font-family: 'Open Sans';
    font-size: 18px;
    position: absolute;
    color: white;
    background-color: transparent;
    top: 45px;
    z-index: 100;
}

.mvcOverlay-left {
    width: 250px;
}

.mvcOverlay-center {
    text-align: center;
    width: 400px;
    font-size: 24px;
}

.mvcOverlay-right {
    width: 250px;
}

.mvcOverlay-heading {
    font-family: Lato;
    font-size: 38px;
}


@media screen and (max-width: 768px) {
    .mvcBanner {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .mvcOverlay {
        display: none;
    }
}

@media screen and (max-width: 992px) {

    .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-width:700px) {
    #contentDiv {
        width: 700px;
    }
}

@media screen and (min-width:700px) {
    .editModule {
        width: 675px;
    }
}

@media screen and (max-width:700px) {
    .editModule {
        width: 100%;
    }
}

.mvcBackImage {
    background: url('/Images/banner_new.png') no-repeat;
    background-size: cover;
    opacity: 0.8;
}

.mvcNavLink {
    color: darkslategray;
    font-family: Lato;
    font-size: 14px;
}

.mvcH1 {
    font-family: Georgia;
    font-weight: normal;
    font-size: 36px;
    color: firebrick;
}

.mvcH2 {
    font-family: Georgia;
    font-weight: bold;
    font-size: 28px;
    color: dimgray;
}

.mvcH3 {
    font-family: Lato;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
}

.mvcH4 {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
}



.mvcMotto {
    font-style: italic;
    font-size: 18px;
    font-family: Roboto;
    background-color: #E6E6FA;
    border-radius: 5px;
    text-align: center;
}

.mvcText {
    text-align: left;
    vertical-align: top;
    padding: 10px;
    max-width: 700px;
}

.mvcBodyText {
    color: black;
    font-family: 'Open Sans';
    font-size: 16px;
}

.mvcSmallerText {
    font-size: 14px;
    color: black;
}

.marginLeft {
    margin-left: 5px;
}

.mvcBlockQuote {
    font-size: inherit;
    font-style: italic;
    border-width: 0px;
}

.mvcImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mvcSearchLink {
    font-size: 14px;
    font-family: 'open sans', Arial;
    text-decoration: underline;
    color: firebrick;
}

.mvcSearchText {
    font-size: 13px;
    font-family: 'open sans', Arial;
    font-style: italic;
}

.mvcTextBox {
    width: 250px;
    height: 28px;
    font-size: 16px;
    font-family: 'Open Sans',Arial,sans-serif;
}

.mvcMiniText {
    font-size: 12px;
    font-family: Arial;
    color: gray;
}

.mvcEm {
    font-style: italic;
}

.mvcButton {
    font-size: 14px;
    font-family: Arial;
}

.mvcHighlight {
    color: firebrick;
}

.mvcError {
    font-family: Arial;
    color: red;
    font-size: 12px;
}


.mvcGallery {
    color: black;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    padding: 3px;
    cursor: pointer;
}


.mvcGallerySlider {
    cursor: pointer;
    text-decoration: underline;
}


.mvcGallerySliderContent {
    background-color: #e8e8e8;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: inherit;
    z-index: 100;
    padding: 20px;
    font-style: italic;
}

.mvcLink {
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    color: firebrick;
}

.mvcUnderline {
    text-decoration: underline;
    color: #3B3B3B;
}

.mvc-embed-responsive {
    padding-bottom: 92%;
}

.mvcFloatRightLink {
    float: right;
    margin-right: 20px;
}

.mvcUnobtrusiveLink {
    cursor: pointer;
    color: gray;
}

    .mvcUnobtrusiveLink:hover {
        cursor: pointer;
        color: gray;
        text-decoration: none;
    }

.hideable {
    display: none;
}

.FloatingNav {
    width: 200px;
    position: fixed;
    top: 200px;
    overflow: hidden;
}

.mvcEmailWelcomeTip {
    font-family: 'Open Sans', Verdana, Arial;
    font-size: 12px;
    color: #B55555;
    background-color: transparent;
    padding: 10px;
    position: absolute;
}

.mvcTooltlipListItem {
    margin: 3px 0px 0px -25px;
}

.ArticleEditModule {
    display: none;
    text-align: left;
    background-color: lightgrey;
    padding: 15px 10px 20px 10px;
    margin-top: 20px;
    font-size: 14px;
}

.ArticleTextInput {
    padding: 5px;
    font-family: 'Open Sans',Arial;
    font-size: 14px;
    overflow: hidden;
    border: solid 1px gray;
}

.FloatingCommentForm{
    display:none;
    position:absolute;
    height:200px;
    padding:10px;
    background-color:lightgray;
}

.FloatingCommentInput {
    height: 130px;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    background-color: white;
    padding: 5px;
    overflow:auto;
}

.CommentInput {
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    background-color: white;
    padding: 5px;
    margin-left: 10px;
    height: 200px;
    width: 96%;
    overflow: auto;
}