#quicklinks
{
    display          : none;
}

#username_head
{
     display          : none; 
}


#sponsor div.sidebar
{
     display          : block; 
}

.sidebar
{
     display          : none; 
}


.bframe
{
    display          : none;
}


#share_box_footer
{
    display           : block;
}




.pagename
{  
    float            : left;
    width            : 200px;
    text-align       : left;
}


#sponsor_mobile
{
    display          : block;
    float            : left;
    width            : 84px;
    height           : auto;
  /*border-right     : #aaa solid 1px;*/

  /*width            : auto;*/    /*55px;*/  /*86px;*/
    margin           : auto;
    float            : right;
    clear            : left;   /*both;*/
}

#sponsor_heading
{
    display          : block;
    float            : left;
  /*width            : 20px;*/
    width            : 100%;
    font-size        : 1.25vh;
    color            : #aaaaaa;
    padding          : 0 4px;
}

#sponsor_content_mobile
{
    color            : black;
  /*background-color : #B8CBE7;*/
    display          : block;
  /*float            : left; */
  /*width            : 50px; */   /*63px;*/
  /*height           : 66px;*/
    font-size        : 7pt;
    overflow         : hidden;
    text-overflow    : ellipsis;
  /*border-left      : #bbb solid 1px;*/
    word-wrap        : break-word;
  /*word-break       : break-all;*/
    max-height       : 100px;
    max-width        : 100px;
    width            : 100%;
}

#sponsor_content_mobile a
{
    display          : block;
}


x.sponsor_content_mobile:hover
{
    text-overflow    : inherit;
    overflow         : visible;
}

#sponsor_mobile #sponsor_content_mobile img
{
  /*width            : auto;*/   /*63px;*/
  /*height           : 63px;*/
    vertical-align   : bottom;
    max-width        : 50px;
    max-height       : 50px;
    width            : 100%;
    height           : auto;
}

.logo
{
    width            : 90%;   /*75%;*/
}




/* code for css menu from                                              */
/* http://webdesignerwall.com/tutorials/css-responsive-navigation-menu */

/* nav */
.nav 
{
	position      : relative;
	margin        : 0;
    z-index       : 90;
}
.nav ul 
{
	margin         : 0 2px;
	padding        : 0;
}
.nav li 
{
	margin         : 0 5px 0px 0;
	padding        : 0;
	list-style     : none;
	display        : inline-block;
    border-bottom  : solid 1px #aaa;
}
.nav a 
{
	padding        : 3px 12px;
	text-decoration: none;
	color          : #000;
    line-height    : 100%;
}
.nav a:hover 
{
	color            : #000;
  /*background-color : #B8CBE7;*/
}
.nav .current a 
{
  /*background     : #999;*/
	background     : navy;
	color          : #fff;
	border-radius  : 5px;
}

/* right nav */
.nav.right ul 
{
	text-align     : right;
}




/*   ============================================================  */
/*   PHONE or TABLET size screen in less than 1000px               */
/*   ============================================================  */


@media screen and (max-width: 1000px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 112px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 145px;
    }




    #icon_bar ul li  
    {
        width             : 12%;
    }



    #menu_mobile
    {
        display          : block;
        position         : relative;
      /*background-color : #DBE4F2;*/
      /*height           : 63px;*/
      /*overflow         : auto;  */
    }

    #banner_ad img,
    #top_bnnr img
    {
        max-width        : 90%;
    }



/*  -------------------------------------- */
/*    hamburger menu                       */
/*  -------------------------------------- */


	.nav 
    {
		position             : relative;
	  /*min-height           : 40px;*/
	}	
	.nav ul 
    {
		width                : 70px;             /* MENU "BUTTON" size  */
		padding              : 5px 0 0 0;
		position             : absolute;
		top                  : 0;
		left                 : 0;
		border               : solid 1px #aaa;
      /*background           : #B8CBE7 url(/v2/images/icon-menu.png) no-repeat 10px 11px;*/
		background           : #4271BD url(/v2/images/icon-menu.png) no-repeat 5px 11px;
		border-radius        : 5px;
      /*box-shadow           : 0 1px 2px rgba(0,0,0,.3);*/
	}
	.nav li 
    {
		display              : none;            /* hide all <li> items */
		margin               : 0;
	}
	.nav li img
    {
        max-height           : 25px;
      /*display              : none; */         /* hide all icon images */
		margin               : 0;
	}

	.nav .current 
    {
		display              : block;           /* show only current <li> item */
	}

	.nav a 
    {
		display              : block;
	    padding              : 4px 5px 5px 20px;
		text-align           : left;
	}

	.nav .current a                             /* this is the menu button text */
    {
		background           : none;
		color                : #B8CBE7;
	}


	.nav ul:hover                              /* on nav hover */
    {
		background-image     : none;
        width                : 250px;            /* width of full menu when displayed */
        background-color     : #B8CBE7;
	}
	.nav ul:hover li 
    {
		display              : block;
		margin               : 3px 0;
      /*background-color     : #B8CBE7;*/
	}

	.nav ul:hover .current 
    {
		/* background         : url(images/icon-check.png) no-repeat 10px 7px;*/
        background-color      : #4271BD;
        color                 : yellow;
	}


	.nav.right ul                  /* right nav */
    {
		left                  : auto;
		right                 : 0;
	}



	.nav.left ul                  /* right nav */
    {
		left                  : 0;
		right                 : auto;
	}



	.nav.center ul                 /* center nav */
    {
		left                  : 50%;
		margin-left           : -90px;
	}

    /*  -------------------------------------- */
    /*   end of the menu styling               */
    /*  -------------------------------------- */







    /*  -------------------------------------- */
    /*  make the date numbers show better on   */
    /*  the calendar grid                      */
    /*  -------------------------------------- */

    td.cal_datenum
    {
      /*font-weight     : bold;*/
      /*font-size       : 110%;*/
    }


    div.giftshop_occassion
    {
         width      : 32%;
    }



	
}   /* END of PORTRAIT media screen section  */


/* ===================================== */
/* =====   I C O N   B A R        ====== */
/* ===================================== */




@media screen and (max-width: 800px) 
{
    #icon_bar span.icon_text
    {
     /*   display          : none;*/
          font-size        : 2vw;
    }

    #icon_bar ul li  
    {
        width             : 12%;
    }

    #icon_bar ul li a 
    {
        color             : #000080;
        text-align        : center;
        display           : block;
        border            : 0;
    }

    #icon_bar ul li a img
    {

        max-height        : 50px;
        max-width         : 50px;
        height            : auto;
        width             : 80%;
    }

    #icon_bar .icon_hilite
    {
        height            : 64px;    /* make the hilite the same height as the icon_bar */
    }


}


/* ********************************************* */

@media screen and (max-width: 500px) 
{

    #menu_icon_bar
    {
        height            : 54px;    /* make the hilite the same height as the icon_bar */
    }
    #icon_bar ul li  
    {
        width             : 12%;
    }

    #icon_bar li.icon_6
    {
/*        display          : none;  */
    }
    #icon_bar .icon_hilite
    {
        height            : 54px;    /* make the hilite the same height as the icon_bar */
    }


}  /* END @media screen and (max-width: 500px)   */

@media screen and (max-width: 429px) 
{
    #icon_bar li.icon_5
    {
/*        display          : none;  */
    }
}


@media screen and (max-width: 369px) 
{

    #menu_icon_bar
    {
        height            : 44px;    /* make the hilite the same height as the icon_bar */
    }

    #icon_bar li.icon_4
    {
/*      display          : none; */
    }
    #icon_bar .icon_hilite
    {
        height            : 44px;    /* make the hilite the same height as the icon_bar */
    }


}



@media screen and (max-width: 319px) 
{
    #icon_bar li.icon_3
    {
/*        display          : none;*/
    }
}



/*   ==============================================================  */
/*   PHONE or TABLET screen less than 800px (PORTRAIT mode usually)  */
/*   ==============================================================  */


@media screen and (max-width: 800px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 115px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 145px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }
}




/*   ==============================================================  */
/*   PHONE or TABLET screen less than 700px (PORTRAIT mode usually)  */
/*   ==============================================================  */

@media screen and (max-width: 700px) 
{


    #main_content_wrapper .BAN468
    {
        margin-top          : 115px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 129px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }




    #coord_menu
    {
        display          : none;
    }


    #icon_bar
    {
      /*display          : none;*/
    }






    td.fontmonth 
    {
        font-size        : 5vw;
    }








    /*  ------------------------  */
    /*  NEEDS LISTED ON CALENDAR  */
    /*  and the color key         */
    /*  ------------------------  */

    ul.task
    {
        padding-left      : 0;
        margin            : 0 0 0 0px;  
    }

    .task_need
    {
        color             : white;
      /*background-color  : red;*/
        background-color  : #AA0000 !important;
    }

    .task_filled
    {
        color             : white;
        background-color  : green !important;
    }

    .task_filled .helper_name,
    .task_need   .helper_name
    {
        color           : #DDDDDD;
        font-weight     : normal;
        display         : block;
    }

    .task_filled .meal_name,
    .task_need   .meal_name,
    .task_filled .need_time,
    .task_need   .need_time,
    .task_info   .need_time
    {
        color           : #DDDDDD;
        font-weight     : normal;
    }



    .task_info
    {
        color             : white;
        background-color  : blue;
    }

    .task_private
    {
        color             : white;
        background-color  : purple;
    }


    li.task_info, 
    li.task_need, 
    li.task_filled,
    li.task_private
    {
        list-style      : none;    
        border-radius   : 4px;
        border-style    : solid;
        border-color    : white;
        border-width    : 0 1px 2px 1px;
        padding         : 1px;
        word-wrap       : break-word;
        word-break      : break-all;
        word-break      : break-word;
        font-size       : 7pt;
    }

/* ************************************** */
/* **    TABLE ROWS                    ** */
/* ************************************** */



    tr.row0,
    tr.row1
    {
           border-bottom    : 1px #888888 solid;
           vertical-align   : top;
    }

    tr.row0 td,
    tr.row1 td
    {
           white-space     : normal;
    }

    tr.row0 td.fold, 
    tr.row1 td.fold,
    tr.row00 th.fold 
    {
           display  : contents;
    }

    tr.row0 td.line2, 
    tr.row1 td.line2
    {
           padding-left  : 15px;
           color         : lightgray;
    }


    tr.row0 td a,
    tr.row1 td a
    {
           display         : block;
           color           : inherit;
           text-decoration : none;
           white-space     : normal;
    }







/* ************************************** */
/* **    STYLE  1                      ** */
/* ************************************** */


#month_need_list .style_1 .task_filled
{
    background-color  : rgba(12, 240, 12, 0.08);
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : rgb(0, 128, 0);
    color             : #000000;
}

#month_need_list .style_1 .task_need
{
    background-color  : #EEDEDE;
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #AA0000;
    color             : #000000;
}

#month_need_list .style_1 .task_info
{
    background-color  : #CACAFF;
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #0000AA;
    color             : #000000;
}

#month_need_list .style_1 .task_private
{
    background-color  : #EECCEE;
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #AA00AA;
    color             : #000000;
}



#month_need_list .style_1 .task_filled  .helper_name,
#month_need_list .style_1 .task_need    .helper_name,
#month_need_list .style_1 .task_info    .helper_name,
#month_need_list .style_1 .task_private .helper_name
{
    color: #000;
}


#month_need_list .style_1 .task_filled  .meal_name,
#month_need_list .style_1 .task_need    .meal_name,
#month_need_list .style_1 .task_info    .meal_name,
#month_need_list .style_1 .task_private .meal_name
{
    color: #000;
}


/* ************************************** */
/* **    STYLE  2                      ** */
/* ************************************** */

#month_need_list .style_2 .task_filled
{
    background-color  : white;
    border-width      : 2px 7px;
    border-style      : solid;
    border-color      : rgb(0, 128, 0);
    color             : #000000;
}

#month_need_list .style_2 .task_need
{
    background-color  : white;
    border-width      : 2px 7px;
    border-style      : solid;
    border-color      : #AA0000;
    color             : #000000;
}

#month_need_list .style_2 .task_info
{
    background-color  : white;
    border-width      : 2px 7px;
    border-style      : solid;
    border-color      : #0000AA;
    color             : #000000;
}

#month_need_list .style_2 .task_private
{
    background-color  : white;
    border-width      : 2px 7px;
    border-style      : solid;
    border-color      : #AA00AA;
    color             : #000000;
}



#month_need_list .style_2 .task_filled  .helper_name,
#month_need_list .style_2 .task_need    .helper_name,
#month_need_list .style_2 .task_info    .helper_name,
#month_need_list .style_2 .task_private .helper_name
{
    color: #000;
}


#month_need_list .style_2 .task_filled  .meal_name,
#month_need_list .style_2 .task_need    .meal_name,
#month_need_list .style_2 .task_info    .meal_name,
#month_need_list .style_2 .task_private .meal_name
{
    color: #000;
}


/* ************************************** */
/* **    STYLE  3                      ** */
/* ************************************** */

#month_need_list .style_3 .need_list_oneneed + .need_list_oneneed
{
    border-top: 1px solid #CCC;
}

#month_need_list .style_3 .task_filled
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : rgb(0, 128, 0);
    color             : #000000;
}

#month_need_list .style_3 .task_need
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #AA0000;
    color             : #000000;
}

#month_need_list .style_3 .task_info
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #0000AA;
    color             : #000000;
}

#month_need_list .style_3 .task_private
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #AA00AA;
    color             : #000000;
}



#month_need_list .style_3 .task_filled  .helper_name,
#month_need_list .style_3 .task_need    .helper_name,
#month_need_list .style_3 .task_info    .helper_name,
#month_need_list .style_3 .task_private .helper_name
{
    color: #000;
}


#month_need_list .style_3 .task_filled  .meal_name,
#month_need_list .style_3 .task_need    .meal_name,
#month_need_list .style_3 .task_info    .meal_name,
#month_need_list .style_3 .task_private .meal_name
{
    color: #000;
}


/* ************************************** */
/* **    STYLE  4                      ** */
/* ************************************** */

#month_need_list .style_4 .need_list_oneneed + .need_list_oneneed
{
    border-top: 1px solid #CCC;
}

#month_need_list .style_4 .task_filled
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : rgb(0, 128, 0);
    color             : rgb(0, 128, 0);
}

#month_need_list .style_4 .task_need
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #AA0000;
    color             : #AA0000;
}

#month_need_list .style_4 .task_info
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #0000AA;
    color             : #0000AA;
}

#month_need_list .style_4 .task_private
{
    background-color  : white;
    border-width      : 0 0 0 7px;
    border-style      : solid;
    border-color      : #AA00AA;
    color             : #AA00AA;
}



#month_need_list .style_4 .task_filled  .helper_name,
#month_need_list .style_4 .task_need    .helper_name,
#month_need_list .style_4 .task_info    .helper_name,
#month_need_list .style_4 .task_private .helper_name
{
    color: #000;
}


#month_need_list .style_4 .task_filled  .meal_name,
#month_need_list .style_4 .task_need    .meal_name,
#month_need_list .style_4 .task_info    .meal_name,
#month_need_list .style_4 .task_private .meal_name
{
    color: #000;
}


/* ************************************** */
/* **    STYLE  5                      ** */
/* ************************************** */


#month_need_list .style_5 .task_filled
{
    background-color  : rgba(12, 240, 12, 0.08);
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : rgb(0, 128, 0);
    color             : rgb(0, 128, 0);
}

#month_need_list .style_5 .task_need
{
    background-color  : #EEDEDE;
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #AA0000;
    color             : #AA0000;
}



#month_need_list .style_5 .task_info
{
    background-color  : #E8E8FF;  /* CACAFF */
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #0000AA;
    color             : #0000AA;
}

#month_need_list .style_5 .task_private
{
    background-color  : #EECCEE;
    border-width      : 1px 7px;
    border-style      : solid;
    border-color      : #AA00AA;
    color             : #AA00AA;
}



#month_need_list .style_5 .task_filled  .helper_name,
#month_need_list .style_5 .task_info    .helper_name,
#month_need_list .style_5 .task_private .helper_name
{
    color             : #000;
}

#month_need_list .style_5 .task_need    .helper_name
{
    color             : #AA0000;
}




#month_need_list .style_5 .task_filled  .meal_name,
#month_need_list .style_5 .task_need    .meal_name,
#month_need_list .style_5 .task_info    .meal_name,
#month_need_list .style_5 .task_private .meal_name
{
    color: #000;
}










    /*  -------------------------------------- */
    /*  on the calendar page, hide the larger  */
    /*  "add" button and show a smaller one    */
    /*  -------------------------------------- */
    a.task_addnew img
    {
        display         : none;
    } 

    a.task_addnew_small img
    {
        display         : block;
        background-color: #4271BD;
    } 


    div.giftshop_occassion
    {
         width      : 49%;
    }




}    /*   END (@media screen and (max-width: 700px)  */





/*   ==============================================================  */
/*   PHONE or TABLET screen less than 600px (PORTRAIT mode usually)  */
/*   ==============================================================  */

@media screen and (max-width: 600px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 115px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 120px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }
}



/*   ==============================================================  */
/*   PHONE or TABLET screen less than 500px (PORTRAIT mode usually)  */
/*   ==============================================================  */


@media screen and (max-width: 500px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 113px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 110px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }


    input.keep_size
    {
         width      : initial !important;
    }


    input[type=text],
    input[type=email],
    input[type=phone],
    input[type=tel],
    input[type=file]
    {
         width         : 90%;
         font-size     : 16px;
         font-weight   : normal;
         color         : #000000;   /*#666666;*/
         border        : 1px #aaa solid;  /*1px navy solid;*/
         border-radius : 3px;
         margin        : 0 0 10px 0;
         padding       : 10px;

    }

    select
    {
       /*width         : 100%;           do not make 100% width or date and time select groups will span 3 lines */
         font-size     : 16px;
         font-weight   : normal;
         color         : #000000;   /*#666666;*/
         border        : 1px #aaa solid;  /*1px navy solid;*/
         border-radius : 3px;
         margin        : 0 0 10px 0;
         padding       : 10px;
    }




    textarea
    {
        margin           : 2px;
        width            : 100%;
      /*font-size        : 4vw; */
        font-size        : 16px;
    }

    #envelope, #env_to, #env_return         /* giftshop card envelope addresses */
    {
        margin           : 0;
        padding          : 0;
    }


    #envelope input
    {
        margin           : 0;
    }



    /*  -------------------------- */
    /*  PRIMARY INFO - 2 COLUMN    */
    /*  label and content/input    */
    /*  -------------------------- */
    /*  on big screens             */
    /*   label in left column      */
    /*   content in right column   */
    /*  -------------------------- */
    /*  on SMALL screens           */
    /*   label above content/input */
    /*  -------------------------- */


    /* ------------------------------------------- */
    /* this section to remain commented until      */
    /* all pages have been refactored              */
    /* until then, the th.left will be hidden      */
    /* individually by each page's script          */
    /* ------------------------------------------- */

    /* do not show left cell/column on small screen */
    /* th.left                    */
    /* {                          */
    /*     display      : none;   */
    /* }                          */

    tr.primary_info  
    {
        border-top  : 1px solid #dddddd;
    }

    form span.primary_info_label  
    {
        display     : inline;
        font-weight : bold;
        font-size   : 12pt;
    }

    form span.primary_info_content  
    {
        display     : inline-block;
        width       : 100%;
        padding     : 7px 0px 3px 0;
        color       : #666666;
        font-weight : normal;
        font-size   : 10pt;
    }

  /*input.button_single*/
    .button_single
    {
         width             : 100%;
         max-width         : 96%;
         min-width         : 50%;
         float             : right;
         font-size         : 16pt;
         -webkit-appearance: none;      /* apple devices show buttons with a washed-out color - this will make it show up normal */
    }


  /*input.button_primary*/
    .button_primary
    {
         max-width         : 50%;
         float             : right;
         font-size         : 16pt;
         -webkit-appearance: none;      /* apple devices show buttons with a washed-out color - this will make it show up normal */

    }

  /*input.button_secondary*/
    .button_secondary
    {
         margin            : 0 10px;
         max-width         : 50%;
         font-size         : 16pt;
         -webkit-appearance: none;      /* apple devices show buttons with a washed-out color - this will make it show up normal */
         float             : left;
    }




    #smallcalendars #smallcal_2         /* hide the 3rd month calendar on small screens  */
    {
         display           : none;
    }

}




/*   ==============================================================      */
/*   PHONE or TABLET screen less than 400px (PORTRAIT mode iPod/iPhone)  */
/*   ==============================================================      */

@media screen and (max-width: 400px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 100px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 100px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }
}


/*   ==============================================================      */
/*   PHONE or TABLET screen less than 350px (PORTRAIT mode iPod/iPhone)  */
/*   ==============================================================      */


@media screen and (max-width: 350px) 
{
    #main_content_wrapper .BAN468
    {
        margin-top          : 90px;
    }
    #main_content_wrapper .BAN730
    {
        margin-top          : 90px;
    }
    #main_content_wrapper .SQ125
    {
        margin-top          : 62px;
    }
}