/***************************************************************************
 --------------------------------- Base CSS --------------------------------
 ***************************************************************************/

/******************* Shared Attributes ***********************/
.float-right { float:right; }
.float-left { float:left; }
.float-none { float:none !important }
.margin-left-5 { margin-left:5px; }
.margin-right-5 { margin-right:5px !important; }
.margin-left-10 { margin-left:10px; }
.margin-right-10 { margin-right:10px; }
.margin-left-15 { margin-left:15px; }
.margin-right-15 { margin-right:15px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-top-10 { margin-top:10px }
.margin-top-15 { margin-top:15px; }
.margin-top-25 { margin-top:25px; }
.margin-0-auto { margin:0 auto; }
.no-bottom-margin { margin-bottom:0 !important; }
.inline-block { display:inline-block; }
.no-padding { padding:0; }
.required { color:red; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.display-inline { display:inline-block !important; }
.display-block { display:block!important; }
.no-side-margin { margin-left:0; margin-right:0; }
.no-side-padding { padding-left:0 !important; padding-right:0!important; }
.float-right { float:right !important; }
.color-red { color:red; }
.vertical-align-top { vertical-align:top; }
.text-align-center { text-align:center; }
.text-align-right { text-align:right}
.hidden { display:none; }
.padding-right-only-10 { padding:0 10px 0 0 !important; }
.padding-left-only-10 { padding:0 0 0 10px !important; }
.padding-left-45 { padding: 0 0 0 45px; }
.max-width-100 { max-width:100%; }
.underline { text-decoration:underline; }
body { font-family:'Arial Narrow', sans-serif !important; }

span.form-control
{
    display:none !important;
}

.ui-loader
{
    display:none !important;
}

h1
{
    color:white !important;
    font-weight:bold !important;
    margin:0 !important;
    font-size:48px;
    text-overflow:ellipsis;
}  

h2
{
    margin:0 !important;
    font-weight:bold !important;
}

h4
{
    font-weight:bold !important;
}

html 
{
    -ms-overflow-style: scrollbar;
}

html, 
body
{
    height:100% !important;
}

content p,
content a,
content span,
content label
{
    font-size:18px;
}

.site-link:hover,
.site-link:focus,
.site-link:active
{
    color:#1cb0b5;
    text-decoration:none;
}

.form-control::-ms-clear
{
    display:none;
}

/********************** Header Bar ***************************/
.container-fluid
{
    max-width:1200px;
    margin:0 auto;
    padding-left:0 !important;
    padding-right:0 !important;
}

.link-image
{
    display:inline-block;
}

#login-wrapper div
{
    display:inline-block;
    font-size:0;
}

.login-button,
.log-out-button
{
    color:white;
    font-size:16px;
    font-weight:bold;
    vertical-align:top;
    text-shadow:0px 0px 2px black;
}

.login-button:focus,
.log-out-button:focus
{
    color:white;
    font-size:16px;
    font-weight:bold;
    vertical-align:top;
    text-shadow:0px 0px 2px black;
    text-decoration:none;
}

.login-button:hover,
.log-out-button:hover
{
    color:white;
    text-shadow:0px 0px 2px black, 0px 0px 10px black;
    text-decoration:none;
    cursor:pointer;
}

.seperator
{
    color:white;
    font-size:18px !important;
    font-weight:bold;
    line-height:16px;
    text-shadow: 0 0 2px black;
}

.seperator:hover
{
    cursor:default;
}

.link-seperator
{
    height:20px;
    width:2px;
    background-color:white;
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
    vertical-align:top;
}

.member-bar-title
{
    font-size:24px;
    line-height:40px;
    font-weight:bold;
}

.member-resources-navbar-full div
{
    display:inline-block;
    font-size:16px;
}

.member-bar-nav-item
{
    font-size:16px;
}

.member-bar-link-item
{
    line-height:40px;
    color:white;
}

.member-bar-link-item:hover
{
    line-height:40px;
    color:white;
    text-decoration:none;
    text-shadow:0px 0px 10px black;
    cursor:pointer;
}

.member-resources-navbar-full
{
    float:right;
}

.login-container
{
    margin-top:25px !important;
}

.not-logged-in
{
    vertical-align:top;
}

.logged-in > span,
.logged-in > a
{
    font-size: 16px;
    color: white;
    font-weight: bold;
    text-shadow: 0 0 2px black;
}

/***************** Pop Up Boxes *******************/
.overlay
{
    position:absolute;
    z-index:999;
    left:0;
    top:0;
    bottom:0;
    background-color:rgba(0, 0, 0, .5);
    height:100%;
    width:100%;
}

.pop-up-header-wrapper
{
    text-align:center;
}

.pop-up-header-wrapper > h3
{
    font-size:24px !important;
    color:black;
    margin-top:10px !important;
    font-weight:bold;
}

/***************** Login Pop Up box *******************/

.login-fields-wrapper
{
    width:100%;
    padding:10px 0;
}

.login-field-wrapper
{
    text-align:center;
    padding:5px;
    width:100%;
}

.login-field-wrapper .login-field
{
    height:30px;
    width:200px;
    margin:0 auto;
}

.login-field-wrapper a:hover,
.login-field-wrapper a:focus,
.login-field-wrapper a:active
{
    text-decoration:none;
    cursor:pointer;
    color:red;
}

#logged-in-email
{
    margin-right:5px;
}

.login-button-pop-up-wrapper
{
    width:100%;
    text-align:center;
}

.login-button-pop-up-wrapper span,
.login-button-pop-up-wrapper a
{
        font-size:12px;
}

#login-pop-up-button 
{
    background: -webkit-linear-gradient(to bottom,#5fb72b 20%,#498f2f 60%,#346733 100%);
    background: -moz-linear-gradient(to bottom,#5fb72b 20%,#498f2f 60%,#346733 100%);
    background: linear-gradient(to bottom,#5fb72b 20%,#498f2f 60%,#346733 100%);
    border-radius: 5px;
    border-color: #009900 #009900 #009900;
    color: white;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 200px;
}

.pop-up-close-button
{
    font-size:18px !important;
    color:gray;
    font-weight:bold;
    position:absolute;
    right:5px;
    top:2px;
}

.pop-up-close-button:hover
{
    color:red;
    cursor:pointer;
}

.login-error-message-wrapper
{
    position:absolute;
    right:0;
    top:-23px;
    height:20px;
    width:250px;
    background-color:white;
    text-align:left;
    border-radius:3px;
    border:2px solid red;
}

.login-pop-up-error-message
{
    font-size:12px;
    color:red;
    font-weight:bold;
    padding:0 10px;
}

.facebook-button
{
    background-color:#5B74A8;
    border-radius:5px;
    border-color: #29447e #29447e #1a356e;
    color:white;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

.facebook-button i
{
    float:left;
    margin-top:3px;
}

.login-pop-up-divider
{
    height:12px;
    display:inline-block;
    border-bottom:1px solid black;
    width:100px;
    vertical-align:top;
}

.login-pop-up-divider-or
{
    vertical-align:top;
}

/****************** Registration Pop Up ******************/
.form-field-wrapper
{
    padding:0 15px;
}

#pop-up-register-button 
{
    margin-bottom: 15px;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgb(95, 183, 43) 20%, rgb(73, 143, 47) 60%, rgb(52, 103, 51) 100%) repeat scroll 0% 0%;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(rgb(95, 183, 43) 20%, rgb(73, 143, 47) 60%, rgb(52, 103, 51) 100%) repeat scroll 0% 0%;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(95, 183, 43) 20%, rgb(73, 143, 47) 60%, rgb(52, 103, 51) 100%) repeat scroll 0% 0%;
    border-radius: 5px;
    border-color: rgb(0, 153, 0);
    color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px, rgb(138, 156, 194) 0px 1px 0px inset;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 200px;
}

/*********************** Page Content ***********************/
.content
{
    margin-top:25px;
    margin-bottom:25px;
    background-color:#CCCC99;
}

.page-content
{
    margin-top:25px;
}

.content-container
{
    max-width:1200px;
    margin:0 auto;
}

.form-control
{
    margin-bottom:15px;
}

#site-container,
#mainWindow 
{
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('../../../Content/SiteImages/summer-background.jpg');
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('../../../Content/SiteImages/summer-background.jpg');
    background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('../../../Content/SiteImages/summer-background.jpg');
    background-position: top;
    background-repeat: no-repeat;
    /*background-size:cover;*/
    background-color: black;
    position: relative;
    padding-bottom: 80px;
    width: 100%;
    min-height: 100%;
}

.green-button 
{
    background-image: -webkit-linear-gradient(bottom, #5fb72b 20%, #498f2f 60%, #346733 100%);
    background-image: -moz-linear-gradient(bottom,#5fb72b 20%,#498f2f 60%,#346733 100%);
    background: linear-gradient(to bottom,#5fb72b 20%,#498f2f 60%,#346733 100%);
    border-radius: 5px;
    border-color: #009900 #009900 #009900;
    color: white;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    text-align: center;
}

.green-button:hover,
.green-button:active,
.green-button:focus
{
    text-decoration:none;
    color:white;
}

/********************** Forms *********************/

.error-message
{
    color:red;
}

.invalid
{
    border-color:red !important;
    box-shadow: red 1px 1px inset !important;
    outline:none !important;
}

/************************ News Section ************************/
.news-wrapper
{
    margin-bottom:25px;
}

@media(max-width:1200px)
{
    /********************** Header Bar ***************************/
    .full-main-nav-item
    {
        font-size:16px !important;
    }

    #logged-in-seperator
    {
        display:none !important;
    }

    .logged-in > a
    {
        display:block;
    }
}

@media(max-width:991px)
{
    #full-navbar
    {
        display:none !important;
    }

    #main-menu-btn
    {
        display:block !important;
    }

    .member-resources-bar-wrapper
    {
        display:none !important;
    }

    .logged-in a,
    .logged-in span
    {
        font-size:14px;
    }

    #site-container
    {
        padding-bottom:128px;
    }
}

@media(max-width:500px)
{
    .login-col
    {
        width:100% !important;
    }
}

@media(max-width:380px)
{
    .footer-link
    {
        font-size:12px !important;
    }
}

@media(max-width:991px)
{
    .footer-col
    {
        text-align:center !important;
    }

    .footer-logo
    {
        margin:0 auto;
    }

    .footer-links
    {
        margin-top:15px !important;
    }
}

@media(max-width:767px)
{

}