#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;
}
.LinkSpecial_u
{
    text-decoration: underline;
}
.Link_uploads
{
    color:Firebrick;
    cursor:pointer;
    text-decoration:underline;
    font-size:11px;
    font-weight:normal;
    font-style:italic;
}
.CommentBody
{
    font-family:Verdana,Arial,Sans-Serif;
    font-size:12px;
    color:#483D8B;
    padding-right:3px;
}
.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;
}