h1 {
    font-size: 18px;
    font-weight: normal;
}

h2 {
    font-size: 16px;
    font-weight: normal;
}

h3 {
    margin: 2px 0;
    font-size: 14px;
}

body {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.2em;
}

input::-webkit-input-placeholder {
    font-size: .8em;
    font-style: italic;
    padding-top: 2px;
    text-transform: lowercase !important;
}

input:-moz-placeholder {
    font-size: .8em;
    font-style: italic;
    padding-top: 2px;
    text-transform: lowercase !important;
}

input::-moz-placeholder {
    font-size: .8em;
    font-style: italic;
    padding-top: 2px;
    text-transform: lowercase !important;
}

input:-ms-input-placeholder {
    font-size: .8em;
    font-style: italic;
    padding-top: 2px;
    text-transform: lowercase !important;
}

/*** override some bootstrap css that doesn't looks so good ***/

input[type=checkbox] {
}

    input[type=checkbox] + label, input[type=radio] + label {
        font-weight: normal;
        padding-left: 5px;
        display: inline;
    }

/*** end bootstrap overrides ***/

.Calendar {
    background: url(/standard/images/calendar.gif) no-repeat scroll center right transparent;
}

.Hidden {
    display: none;
    height: 0;
}

.Admin_Editable {
    position: relative;
}

    .Admin_Editable > .Admin_EditLink {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 20px;
        color: black;
        background: #CCC;
        display: block;
        text-decoration: none !important;
        padding: 10px;
        z-index: 10000;
        box-shadow: 3px 3px 5px #888;
        border-radius: 20px;
    }

        .Admin_Editable > .Admin_EditLink:hover {
            background: #DEDEDE;
        }

div.AdminEditLink a {
    text-decoration: none;
    background: #FFFFFF;
    display: block;
    text-align: center;
    width: 20px;
    height: auto;
    border-bottom: 3px solid #CCCCCC;
    border-right: 3px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.Editable:hover .AdminEditLink a {
    background: #EFEFEF;
}

.AdminEditLink span {
    display: block;
    font-size: .8em;
    color: #000000;
}

.AdminEditLink img {
    border: none;
    background: #FFFFFF;
}

.AdminBar {
    background-color: #CCCCCC;
    bottom: 0px;
    height: 25px;
    position: fixed;
    width: 100%;
    opacity: .85;
    text-align: center;
    z-index: 90000;
    left: 0px;
}

div.AdminBar a.AdminTab {
    background-color: #BBBBBB;
    margin: 0 1px;
    color: #000000;
    display: inline-block;
    height: 20px;
    padding-top: 5px;
    text-decoration: none;
    width: 120px;
    overflow: hidden;
    font-size: .85em;
}

    div.AdminBar a.AdminTab:hover {
        background-color: #999999;
    }

.AdminTab.Single {
    bottom: 0px;
    height: 20px;
    position: fixed;
    opacity: .85;
    right: 0;
    z-index: 90000;
    width: 100px;
}

.FormSectionTitle {
    font-size: 1.2em;
    width: 100%;
    font-weight: bold;
    padding: 15px 0px 5px 0px;
}

.ShellFormField {
    width: 420px;
    max-width: 100%;
    text-align: right;
    margin: 10px 0 0;
}

    .ShellFormField textarea {
        max-width: 100%;
    }

    .ShellFormField select {
        width: 270px;
    }

    .ShellFormField input {
        width: 264px;
    }

        .ShellFormField input.Half {
            width: 127px;
        }

@media(max-width:700px) {
    .ShellFormField {
        text-align: left;
    }

        .ShellFormField select, .ShellFormField input, .ShellFormField input.Half {
            width: 100%;
        }

            .ShellFormField input.Half:not(:first-child) {
                margin-top: 10px;
            }
}

/************************SCROLLING PHOTO GALLERY***********************************/
.ShellScrollingPhotoGallery * {
    margin: 0;
    padding: 0;
}

.ShellScrollingPhotoGallery {
    position: relative;
    padding: 0 3px;
    overflow: hidden;
    background: #FFFFFF;
}

    .ShellScrollingPhotoGallery .Navigate {
        border: 2px solid #666666;
        background: url(/standard/images/loading.gif) center center no-repeat;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .ShellScrollingPhotoGallery .ShellThumbnails {
        margin-top: 10px;
        padding: 5px 0;
        border: 2px solid #666666;
    }

    .ShellScrollingPhotoGallery .ShellThumbnails {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .ShellScrollingPhotoGallery .ThumbnailsList {
        position: absolute;
        list-style: none;
        margin-left: 5px;
        width: 10000px;
        border-right: 5px solid #FFFFFF;
    }

        .ShellScrollingPhotoGallery .ThumbnailsList li {
            float: left;
            margin-right: 5px;
            cursor: pointer;
        }

    .ShellScrollingPhotoGallery .Previous {
        position: absolute;
        height: 170px;
        width: 30px;
        left: 0;
        top: 0;
        background: url(/standard/images/fancybox/fancy_nav_left.png) left center no-repeat;
        display: none;
    }

    .ShellScrollingPhotoGallery .Next {
        position: absolute;
        height: 170px;
        width: 30px;
        right: 0;
        top: 0;
        background: url(/standard/images/fancybox/fancy_nav_right.png) right center no-repeat;
        display: none;
    }

    .ShellScrollingPhotoGallery ul.ThumbnailsList li div {
        display: none;
    }

.ShellCaptcha > img {
    float: left;
}

.CaptchaMessageLabel {
    float: left;
    clear: left;
}

.CaptchaTextBox {
    font-size: 22px;
    height: 50px;
    width: 150px;
    text-transform: uppercase;
    margin-left: 5px;
    float: left;
}

.LoggedIn .ShowWhenLoggedOut, .LoggedOut .ShowWhenLoggedIn {
    display: none;
}

/*********************************Photo Galleries*/
#fancybox-right span, #fancybox-right:hover span {
    left: auto;
    right: -35px;
}

#fancybox-left span, #fancybox-left:hover span {
    left: -35px;
}

div.galleria-info-link {
    display: none;
}

div.galleria-info-text, div.galleria-info-close {
    display: block;
}

/*LINKS*/
a.btn {
    display: block;
}

    a.btn:hover {
        text-decoration: none;
    }

/*Primary links*/
.PrimarySmallLink {
    text-decoration: none;
    font-size: .8em;
    color: #000000;
}

    .PrimarySmallLink:hover {
        text-decoration: underline;
    }

.PrimarySmallBoldLink {
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
    color: #000000;
}

    .PrimarySmallBoldLink:hover {
        text-decoration: underline;
    }

.PrimaryLink {
    text-decoration: none;
    color: #000000;
}

    .PrimaryLink:hover {
        text-decoration: none;
    }

.PrimaryBoldUnderlinedLink {
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
}

    .PrimaryBoldUnderlinedLink:hover {
        text-decoration: underline;
    }

.PrimaryBoldUnderlined2Link {
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
}

    .PrimaryBoldUnderlined2Link:hover {
        text-decoration: underline;
    }
/*Complimentary links*/
.ComplimentarySmallLink {
    text-decoration: none;
    font-size: .8em;
}

    .ComplimentarySmallLink:hover {
        text-decoration: underline;
        color: #000000;
    }

.ComplimentarySmall2Link {
    text-decoration: none;
    font-size: .8em;
}

.ComplimentaryLink {
    text-decoration: none;
}

    .ComplimentaryLink:hover {
        text-decoration: underline;
    }

.ComplimentaryBoldLink {
    text-decoration: none;
    font-weight: bold;
}

    .ComplimentaryBoldLink:hover {
        text-decoration: none;
    }

.ComplimentaryBoldUnderlineLink {
    text-decoration: underline;
    font-weight: bold;
}

    .ComplimentaryBoldUnderlineLink:hover {
        color: #000000;
    }
/*contrast links*/
.ContrastBoldLink {
    text-decoration: none;
    font-weight: bold;
}

    .ContrastBoldLink:hover {
        text-decoration: underline;
        color: #000000;
    }

.ContrastSmallBoldLink {
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
}

    .ContrastSmallBoldLink:hover {
        text-decoration: underline;
        color: #000000;
    }

.RogueBlogIcon {
    border-radius: 50px;
    bottom: 10px;
    color: white !important;
    display: block;
    float: left;
    font-size: 40px;
    left: 10px;
    padding: 15px;
    position: fixed;
    box-shadow: 5px 5px 10px #888;
    text-decoration: none !important;
    border: none;
}

    .RogueBlogIcon:hover {
        opacity: .5;
    }

/*JQUERY THEME OVERRIDER*/
div.ui-tabs {
}

    div.ui-tabs ul.ui-tabs-nav {
        background: #FFFFFF;
        border-width: 0 0 1px 0;
    }

        div.ui-tabs ul.ui-tabs-nav li {
            background: #FFFFFF;
        }

            div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {
            }

                div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
                    background: none repeat scroll 0 0 white;
                    bottom: -1px;
                    display: block;
                    position: relative;
                }

            div.ui-tabs ul.ui-tabs-nav li a {
                color: #000000;
            }

.PageErrorMessage {
    background: red;
    bottom: 0;
    font-size: 25px;
    opacity: 0.8;
    padding: 20px 0;
    position: fixed;
    text-align: center;
    z-index: 99999999;
    left: 0;
    right: 0;
    color: black;
}

    .PageErrorMessage .ClosePageErrorMessage {
        color: white;
        cursor: pointer;
        font-size: 0.8em;
        position: absolute;
        right: 5px;
        top: 5px;
    }

        .PageErrorMessage .ClosePageErrorMessage:hover {
            color: inherit;
        }

.ui-dialog {
    max-width: 100%;
}

@media (max-width: 1050px) {
    .RogueBlogIcon {
        display: none;
    }
}

#at4-recommended {
    position: static;
}

.PageErrorAlert {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}
/*Test site indicator*/
.TestSiteMessage {
    position: fixed;
    right: 10px;
    text-align: center;
    bottom: 10px;
    font-size: 20px;
    color: #a94442;
    background-color: rgba(251, 151, 151, 0.32);
    border-color: #ebccd1;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.FooterIcons {
    padding: 5px;
}

.captchaImageClass{
    margin-top: 2rem;
}

.captchaText {
    margin-top: 1rem;
}

.SubmitForm input[type="submit"] {
    font-size: 150px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    font-weight: 400;
    font-size: 1rem;
}