body
{
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: black;
    background-color: white;
}



/*OVERRIDE TELERIK STYLES BEGIN ================================================*/
/*===============================================================================================================================*/

.RadMenu_Glow .rmHorizontal .rmRootLink:hover, .RadMenu_Glow .rmHorizontal .rmRootLink.rmFocused, .RadMenu_Glow .rmHorizontal .rmRootLink.rmSelected
{
    color: #fbdf5a !important;
    border-top: 4px solid #fbdf5a !important;
}

.EncoreMenuItemPadding
{
    margin-top: 2%;
    margin-bottom: 2%;
}


/*OVERRIDE FANCYBOX STYLES BEGIN ================================================*/
/*===============================================================================================================================*/
.fancybox-wrap
{
    z-index: 2020 !important;
}

.fancybox-opened
{
    /*some telerik popups are at 5014 - if I don't set fancybox lower, they will be behind teh fancybox*/
    z-index: 2030 !important;
}


#fancybox-loading
{
    z-index: 2060 !important;
}

.fancybox-close, .fancybox-nav, .fancybox-nav span
{
    z-index: 2040 !important;
}

.fancybox-overlay
{
    z-index: 2010 !important;
}

.fancybox-title, .fancybox-title-float-wrap
{
    z-index: 2050 !important;
}

/*.fancybox-skin
{
    max-width: 90%;
}*/

/*GENERAL SELECTORS BEGIN ================================================*/
/*===============================================================================================================================*/

h1
{
    margin: 0px;
    padding: 0px;
    color: #f5cc0b;
}

header
{
    background-color: black;
}

footer
{
    background-color: black;
}

legend
{
    font-size: 1.5em;
    color: #c62127;
}

input[type="checkbox"], input[type="radio"]
{
    margin-right: 5%;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

    input[type='checkbox']:checked
    {
        background: #abd;
    }

/*span.ExtraSpace > input[type="radio"]    
    {
        margin-right: 10%;
    }*/

#FancyBoxLoginContainer
{
    width: 100%;
}


#MenuContainerMobile
{
    display: none;
}


/*ENCORE CHOICE LIST STYLES BEGIN ================================================*/
/*===============================================================================================================================*/

table.EncoreChoiceList, table.EncoreChoiceListExtraSpace
{
    margin-left: auto;
    margin-right: 0px;
}

.EncoreChoiceList input[type="radio"]
{
    margin-left: 25px;
}

.EncoreChoiceListExtraSpace input[type="radio"]
{
    margin-left: 40px;
}

/*GENERAL CLASSES BEGIN ================================================*/
/*===============================================================================================================================*/

.Right
{
    text-align: right;
}

.Left
{
    text-align: left;
}

.TabOuterBackground
{
    background-color: #71828b;
}

.TabInnerBackground
{
    width: 98%;
    margin: 1% auto 1% auto;
    background-color: #ffffff;
}


.WhiteLabel
{
    color: white;
    font-weight: bold;
}


.FormLabel
{
    font-weight: bold;
    font-size: 1.2em;
}

.FormLabelSmall
{
    font-weight: bold;
    font-size: .9em;
}

.FormRowSpacing
{
    margin-top: 1%;
}

.LoginError
{
    font-size: 1.1em;
    font-weight: bold;
    color: red;
}

.ErrorMessage
{
    color: red;
}

.RedText
{
    color: red !important;
}

.ContentContainer
{
    margin-top: 1%;
}

.float
{
    float: left;
}

.AddressDisplayMini
{
    font-size: .799em;
    font-weight: bold;
}

.GeneralDisplayMini
{
    font-size: .9em;
    font-weight: bold;
}

.DynamicLabel
{
    font-size: 1.2em;
    color: #A9A9B0;
}


/*LINK STYLES BEGIN ================================================*/
/*===============================================================================================================================*/

a, a:link, a:visited
{
    color: #9f2424;
    font-size: 1em;
    text-decoration: none;
}

    a:hover
    {
        text-decoration: underline;
    }

    a:active
    {
        color: #d92626;
        text-decoration: none;
    }

    a.InvLinkYes, a.InvLinkYes:link, a.InvLinkYes:visited
    {
        color: #009933 !important;
        font-size: 1em;
        text-decoration: none;
        font-weight: bold;
    }

        a.InvLinkYes:hover
        {
            text-decoration: underline;
        }

        a.InvLinkYes:active
        {
            color: #009933;
            text-decoration: none;
            font-weight: bold;
        }

    a.InvLinkNo, a.InvLinkNo:link, a.InvLinkNo:visited
    {
        color: #cc3300 !important;
        font-size: 1em;
        text-decoration: none;
        font-weight: bold;
    }

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

        a.InvLinkNo:active
        {
            color: #cc3300;
            text-decoration: none;
            font-weight: bold;
        }





/*media queries*/
/*===============================================================================================================================*/



@media screen and (max-width: 800px)
{
    body
    {
        font-size: 1.2em;
    }

    .FormRowSpacing
    {
        margin-top: 3%;
    }

    #MenuContainerMobile
    {
        display: block;
        margin-left: 20px;
        padding-bottom: 10px;
    }

    #MenuContainerMain
    {
        display: none;
    }

    .ContentContainer
    {
        padding: 1%;
    }


    .FormLabel
    {
        font-size: 1.3em;
        text-align: left;
    }

    .FormLabelSmall
    {
        font-size: 15px;
        text-align: left;
    }

    input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel]
    {
        -webkit-appearance: none;
        -moz-appearance: none;
        display: block;
        margin: 0;
        width: 95%;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        border: 1px solid #bbb;
    }


    input[type="checkbox"], input[type="radio"]
    {
        margin-right: 20%;
        width: 30px;
        height: 30px;
        background: white;
        border-radius: 5px;
        border: 2px solid #555;
    }


    /*input[type=checkbox]
    {
        width: 44px;
        height: 44px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        border: 1px solid #bbb;
    }*/
}