body
{
    padding-bottom: 10px;
    color: #5a5a5a;
    /*background-color:#f9f9f9;*/
}

/*this is customized viewport breakpoints*/

@media (max-width: 767px)
{
    h2, .h2
    {
        font-size: 20px;
    }

    .home4
    {
        min-height: 10px !important;
    }

        .home4 .btn
        {
            position: relative !important;
            bottom: 0px !important;
            left: 0px !important;
        }

    .home3 img
    {
        max-width: 200px;
    }

    .mobileOnly
    {
        display: block !important;
    }

    .desktopOnly
    {
        display: none !important;
    }


    #mainMenu
    {
        display: block !important;
    }

    #main2Menu
    {
        display: none !important;
    }

    .container
    {
        padding-right: 8px !important;
        padding-left: 8px !important;
        margin: 0px !important;
    }

    .home3
    {    
        margin-bottom: 15px;
    }

}

@media (min-width: 768px)
{
    .carousel-caption
    {
        right: 10%;
        left: 65%;
        padding-bottom: 0px;
    }

    .mobileOnly
    {
        display: none !important;
    }

    .desktopOnly
    {
        display: block !important;
    }

    
    .container
    {
        width: auto;
    }
        
}

@media (min-width: 768px) and (max-width: 991px)
{
    .home4
    {
        width: 32%;
        float: left;
        /*        min-height: 425px ! important;*/
    }
    /*make the bottom three tuck up a bit*/
    .home3
    {
        min-height: 320px !important;
        margin-bottom: 15px;
    }

        .home3 img
        {
            float: left;
            padding-right: 5px;
        }

        .home3 .btn
        {
            position: relative !important;
            bottom: 0px !important;
            left: 0px !important;
        }

    #mainMenu
    {
        display: none !important;
    }

    #main2Menu
    {
        display: block !important;
    }
    /*#myCarousel
    {
        margin-top:100px ! important;
    }*/


    .floatWrapper
    {
        float: left;
        padding-right: 8px;
    }

    .sideBarTop
    {
        min-height: 126px !important;
        margin-top: 16px;
    }

    #moreWaysToWinWrapper
    {
        /*display: inline-block;
        float: left;
        width: 50%;*/
    }
    #moreWaysToWinColHolder
    {
        margin-top:-15px;
    }
    /*
    #latestWinnersWrapper
    {
        display: inline-block;
        float: left;
        width: 50%;
        padding-top: 0px !important;
    }*/
}

@media (min-width: 992px)
{
    #mainMenu
    {
        display: block !important;
    }

    #main2Menu
    {
        display: none !important;
    }
}

@media (max-width: 991px)
{
    
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .home4
    {
        width: 32%;
        float: left;
        /*min-height:570px ! important;*/
    }

    .home3
    {
        /*width: 31%;*/
        /*float: left;*/
    }
    #contactUsWrapper
    {
        margin-bottom: 15px;
    }

    .home3P
    {
        width: 33.33333333%;/*25%;*/
        float: left;
    }
    
    .home4P
    {
        width: 25%;
        float: left;
    }

    /*
    .home2P
    {
        width: 50%;
        float: left;
    }*/

    .atTheViewInfo img
    {
        width: 160px !important;
    }
    /*.atTheViewText
    {
        max-height:200px;
        overflow:hidden;
    }*/
}

/*show for the bottom two levels*/
@media (max-width: 1199px)
{
    .footerLogo
    {
        width: 222px; /*585px;*/
        position: relative;
        top: 0px;
    }

    /*.footerWrapper
    {
        background-size: auto auto !important;
    }*/
    /*.home4 img
    {
        width: 200px !important;
    }*/

    /*these two are for showing and hiding for the bottom and two two levels*/
    .mobile2Only
    {
        display: block !important;
    }

    .desktop2Only
    {
        display: none !important;
    }
}

/*show for the top two levels*/
@media (min-width: 1200px)
{
    .home4
    {
        /*width: 15%;*/
    }

    .home3
    {
        /*width: 31%;*/
    }

    /*these two are for showing and hiding for the bottom and two two levels*/
    .mobile2Only
    {
        display: none !important;
    }

    .desktop2Only
    {
        display: block !important;
    }
}


@media (min-width: 1200px) and (max-width: 1394px)
{

    #myInsiderMenu
    {
        left: 70px !important;
    }
}

@media (min-width: 1600px)
{
    #mainContainer
    {
        max-width: 74%;
        display: inline-block;
    }

    #sidebarHome
    {
        width: 24%;
        display: inline-block !important;
        vertical-align: top;
        margin-left: -16px;
    }
}


.visible-xl
    {
        display:none;
    }
@media (min-width: 1394px)
{
    /*this is for extra large resolutions*/
    .visible-xl
    {
        display:block ! important;
    }

    .col-xl-2_4 {
        width: 20%;
    }
    .col-xl-5 {
        width: 41.6666666667%;
    }
    .col-xl-2 {
        width: 16.6666666667%;
    }
    .col-xl-4
    {
        width: 33.33333333333%;
    }
}

.home4
{
    /*border: 1px solid #eeeeee;*/
    padding: 0px;
    border-radius: 4px;
    margin: 5px;
    /*min-height: 520px;*/
    position: relative;
    text-align: center;
}

    .home4 .btn, .home3 .btn
    {
        position: absolute;
        bottom: 15px;
        left: 15px;
    }


.home3
{
    border: 1px solid #eeeeee;
    padding: 15px 8px;
    border-radius: 4px;
    /*margin: 5px;*/
    min-height: 290px;/*427px;*/
    position: relative;
    background-color: #ffffff;
}

.sideBarTop
{
    border: 1px solid #eeeeee;
    padding: 4px 0px 0px 0px;/*15px;*/
    border-radius: 4px;
    min-height: 126px;
    position: relative;
    background-color: #ffffff; /*#f9f9f9;*/
}

#latestWinnersWrapper
{
    padding-top: 20px;
}

#calendarInfo
{
    border: 1px solid #eeeeee;
    padding: 15px;
    border-radius: 4px;
    /*margin: 5px;*/
    /*min-height: 427px;*/
    position: relative;
    background-color: #ffffff;
    height: 330px;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
    margin-top: 16px;
}

h2, .h2
{
    font-size: 20px;
}

.home4 img
{
    width: 180px;
}


.carousel .item
{
    height: 245px !important;
}

.carousel
{
    height: 245px !important;
}

.carousel-inner > .item > img
{
    /*height: 350px !important;*/
    height: auto !important;
    min-width: initial;
}

.carousel-inner input
{
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.carousel
{
    margin-bottom: 16px !important;
}

.carousel-caption h1
{
    font-size: 20px;
}

.carousel-caption p
{
    font-size: 18px;
}

.carousel-caption
{
    min-width: 215px;
}
.carousel-indicators {
    bottom: -10px ! important;
}


.topMenuDIV
{
    background: #e7e7e7; /*#F8F8F8;*/
    background: -moz-linear-gradient(top, #e7e7e7, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#BBBBBB));
    border-color: #e7e7e7;
    height: 350px;
    width: 4000px;
    position: absolute;
    z-index: 1040;
    top: 50px;
    display: none;
}


.badge
{
    padding: 5px 11px;
    margin-top: -1px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-right: 8px;
    padding-left: 8px;
}



.sidebar
{
    border: 1px solid #eeeeee;
    padding: 15px;
    border-radius: 4px;
    /*margin: 5px;*/
    min-height: 427px;
    position: relative;
    background-color: #ffffff;
    /*height: 268px;*/
    
    /*-webkit-overflow-scrolling: touch;   */
    margin-top: 8px;
}
#sidebarInner
{
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


/*home page carousel, make the images fit better on mobile*/
    .carousel-inner > .item > img
    {
        margin-left: auto;
        margin-right: auto;
        min-width: initial !important;
        height: auto !important;
    }



/*page curling*/
/*http://cssdeck.com/labs/page-curl-box-shadow*/
.page-curl {
	/*background: #FFFFFF;
	background: -moz-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
	background: -ms-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
	background: -webkit-linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);
	background: linear-gradient(0deg, #F5F5F5 0%, #FFF 25%, #FFF 75%, #F5F5F5 100%);*/
	/*border: 1px solid #777777;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	margin: 50px auto;
	padding: 15px;
	position: relative;
	width: 800px;*/
}
.page-curl_overflow:before, .page-curl_overflow:after {
	/*background: none;*/
	bottom: 18px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 10px;
	left: 12px;
	position: absolute;
	width: 40%;
	z-index: -1;
	-moz-transform: skew(-4deg) rotate(-4deg);
	-webkit-transform: skew(-4deg) rotate(-4deg);
	transform: skew(-4deg) rotate(-4deg);
}

.page-curl_overflow:after {
	-moz-transform: skew(4deg) rotate(4deg);
	-webkit-transform: skew(4deg) rotate(4deg);
	transform: skew(4deg) rotate(4deg);
	left: auto;
	right: 12px;
}


.page-curl:before, .page-curl:after {
	/*background: none;*/
	bottom: 12px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 10px;
	left: 12px;
	position: absolute;
	width: 40%;
	z-index: -1;
	-moz-transform: skew(-4deg) rotate(-4deg);
	-webkit-transform: skew(-4deg) rotate(-4deg);
	transform: skew(-4deg) rotate(-4deg);
}

.page-curl:after {
	-moz-transform: skew(4deg) rotate(4deg);
	-webkit-transform: skew(4deg) rotate(4deg);
	transform: skew(4deg) rotate(4deg);
	left: auto;
	right: 12px;
}
/*
.page-curl.shadow-left {
	background: -moz-linear-gradient(0deg, #F5F5F5 0%, #FFF 50%) !important;
	background: -ms-linear-gradient(0deg, #F5F5F5 0%, #FFF 50%) !important;
	background: -webkit-linear-gradient(0deg, #F5F5F5 0%, #FFF 50%) !important;
	background: linear-gradient(0deg, #F5F5F5 0%, #FFF 50%) !important;
}

.page-curl.shadow-right {
	background: -moz-linear-gradient(0deg, #FFF 50%, #F5F5F5 100%) !important;
	background: -ms-linear-gradient(0deg, #FFF 50%, #F5F5F5 100%) !important;
	background: -webkit-linear-gradient(0deg, #FFF 50%, #F5F5F5 100%) !important;
	background: linear-gradient(0deg, #FFF 50%, #F5F5F5 100%) !important;
}

.shadow-bottom:before, .shadow-bottom:after {
	top: auto;
	bottom: 12px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
}

.shadow-left:after {
	display: none;
}

.shadow-right:before {
	display: none;
}

.shadow-top-bottom.shadow-left:after {
	display: block;
	bottom: auto;
	top: 15px;
	right: auto;
	left: 12px;
	-moz-box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
}

.shadow-top-bottom.shadow-right:before {
	display: block;
	bottom: auto;
	top: 15px;
	right: 12px;
	left: auto;
	-moz-box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 -10px 12px rgba(0, 0, 0, 0.5);
}
    */
/*end curling*/

.genericBorder{
    border: 1px solid #eeeeee;
    padding: 15px;
    border-radius: 4px;
    margin: 5px;
    /*min-height: 427px;*/
    position: relative;
    background-color: #ffffff;
}




/* Datepicker
----------------------------------*/
.ui-datepicker { width: 350px; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }




    .gb_q
    {
        background-repeat: no-repeat;
        margin-top: 11px;
        margin-left: 8px;
    }
    .gb_qYES
    {
        background-image: url('/3/images/notifications1.png');        
    }
    .gb_qNO
    {
        background-image: url('/3/images/notifications0.png');        
    }
    .gb_va {
    background-color: #cb4437;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-radius: 2px;
    font: bold 11px Arial;
    color: #fff;
    line-height: 15px;
    min-width: 15px;
    min-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    top: 0;
    /*visibility: hidden;*/
    z-index: 990;
    }
    

/*The modal */
.modal-body {
    padding: 8px ! important;
}
.swMain ul.anchor li a .stepNumber {
    font-size:26px ! important;
}
.swMain ul.anchor li a{
    height: 32px ! important;
}
.modal-header
{
    padding: 10px 15px ! important;
}
.contentThing {
height: 440px ! important;
}
.swMain .stepContainer {
height: 450px ! important;
}
.modal-dialog
{
    padding-top: 10px !important;
}




#homeMyBalancesList .list-group-item
{
    border:0px solid white;
}