/**************************
*  20th Birthday: EXS
***************************
92,52,16      Dark Brown
130,84,28     Brown Gold
166,119,45    Antique Gold
196,155,65    Celebration Gold
213,183,107   Light Gold
233,215,156   Champagne
248,242,218   Cream
255,252,237   Soft White
***************************
* SKINBASE 3.5.0
***************************/

.mrnav .pageheader {
    background-image: url('/static/holiday/birthday20/mrnav/PageLogo.png');
}

.mrnav .bar {
    background-color: rgb(233,215,156);
    border-color: rgb(166,119,45);
    background-image: url('/static/holiday/mrnav/white/BarLogo.png');
}

.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu {
    background-color: rgb(248,242,218);
}

.mrnav .menu > li > a,
.mrnav .menu > li > a:hover,
.mrnav .menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a {
    color: rgb(92,52,16);
}

.mrnav .menu .dropdown-menu > li > a:focus,
.mrnav .menu .dropdown-menu > li > a:hover {
    background-color: rgb(233,215,156);
    color: rgb(92,52,16);
}

.mrnav .menu .dropdown-menu .dropdown-divider,
.mrnav .bar .btn,
.mrnav .input-group input {
    border-color: rgb(166,119,45);
}

.mrnav .bar .btn {
    background-color: rgb(166,119,45);
    color: rgb(255,252,237);
}

.mrnav .bar .btn:focus,
.mrnav .btn.focus,
.mrnav .bar .btn:hover,
.mrnav .btn-check + .btn:hover {
    background-color: rgb(196,155,65);
}

.mrnav .bar .btn:active,
.mrnav .bar .btn.active {
    background-color: rgb(213,183,107) !important;
    color: rgb(92,52,16) !important;
    border-color: rgb(130,84,28) !important;
}

.mrnav .panel.sidemenu {
    background-color: rgb(130,84,28);
    color: rgb(248,242,218);
}

.mrnav .panel.sidemenu .submenu a,
.mrnav .panel.sidemenu .closebtn {
    color: rgb(248,242,218);
}

.mrnav .panel.sidemenu .submenu a:hover {
    background-color: rgb(233,215,156);
    color: rgb(92,52,16);
}

.ui-autocomplete-input,
.ui-autocomplete .ui-menu-item {
    background-color: rgb(255,252,237);
    color: rgb(92,52,16);
}

.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-item .ui-state-active:hover {
    background-color: rgb(130,84,28);
}

.mrsf-wrapper.callout-week {
  background-image: url('/static/holiday/birthday20/bg/bg1.png');
  background-size: contain;  
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-week .callout-header {
    color: rgb(92,52,16);
}

.mrsf-wrapper.callout-week .callout-color1 {
    color: rgb(130,84,28);
}

.mrsf-wrapper.callout-week .callout-color2 {
    color: rgb(196,155,65);
}
.mrsf-wrapper.callout-month {
  background-image: url('/static/holiday/birthday20/bg/bg2.png');
  background-size: 575px;
  background-repeat: repeat;
  background-position: 0px 0px;
}
.mrsf-wrapper.callout-month .callout-header {
    color: rgb(92,52,16);
}

.mrsf-wrapper.callout-month .callout-color1 {
    color: rgb(130,84,28);
}

.mrsf-wrapper.callout-month .callout-color2 {
    color: rgb(196,155,65);
}