/*Responsive design custom work*/
.responsive-flag-all .booking-responsive .ui-datepicker-trigger {
    margin: 0px;
    position: static;
}
.responsive-flag-all .booking-responsive img.ui-datepicker-trigger
{
    vertical-align: top;
}
.responsive-flag-all .booking-responsive input[type="text"]{
    color: #222!important;
}
.responsive-flag-all .booking-responsive .section {
    height:auto!important;
    border: 0px!important;
    background-image: url('')!important; 
}

.responsive-flag-all .result-page
{
    background-color:#fff;
}
.responsive-flag-all div.payment-page
{
    background-color:#fff;
}

.responsive-flag-all .RadToolTip table tr td *
{
    color: #384e73!important;
}
#reservation
{
    margin-left: 20.83%;
    padding: 3.9% 2.6% 3.9% 8%;
}
.responsive-flag-all #reservation
{
    margin-left: 0px;
    padding: 0px;
}
@media only screen and (max-width: 1024px)
{
    .responsive-flag-all .nav_content {
        background-color: #000;
    }
}
@media (min-width: 1025px) 
{ 
    .responsive-flag-all #reservation
    {
        margin-left: 20.83%;
        padding: 3.9% 2.6% 3.9% 8%;
    }
        
    .responsive-flag-all #dnn_DesktopPane
    {
        padding: 0 0 3.9% 0;
    }

}
@media (max-width: 1024px) 
{
    .responsive-flag-all #dnn_DesktopPane
    {
        height:100%!important;
    }
    .responsive-flag-all #reservation
    {
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    .responsive-flag-all #reservation div[class$="-page"]
    {
        margin: 0px auto;
    }

    .responsive-flag-all .SocialPane2
    {
        display:block!important;
        margin-top: 5px;
        padding-bottom: 50px;
        width: 100%;
        text-align: center;
        left:0%!important;
        position: static!important;
    }
     .responsive-flag-all .SocialPane2  img.facebook
    {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-image:url("../Portals/202/edisonhotel/facebook.png")!important;
       background-repeat:no-repeat;
      width: 31px; /* Width of new image */
      height: 32px; /* Height of new image */
      padding-left: 31px; /* Equal to width of new image */
    }
    
    .responsive-flag-all .likeImage2
    {
        background-image:url("../Portals/202/Skins/EdisonHotel_skins/images/like.png")!important;
    }
   
    .responsive-flag-all .nav_content
    {
        display:none!important;/*hide footer and social icons of the left side*/
    }
    .responsive-flag-all .FooterPane
    {
        display:block!important;/*show the original footer*/
    }
}

 
@media (min-width: 810px) 
{
  
    .responsive-flag-all #reservation div[class$="-page"]
    {
        background-color:#fff;
        width:706px;
        padding: 10px;
    }
    
    .responsive-flag-all #reservation div.payment-page
    {
        padding-right: 20px;
    }
    
}
@media (max-width: 809px) 
{
    .responsive-flag-all  #reservation
    {
        padding-top: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
}

@media (max-width: 360px) 
{
    .responsive-flag-all td.copy-right {
        padding-top: 20px!important;
    }

    .responsive-flag-all .AuthorizeNetSeal {
        padding-top: 30px!important;
    }

    .responsive-flag-all .sealgodaddy {
        position: absolute!important;
        left: 0px!important;
    }
    
    .responsive-flag-all table.authortable tr td:last-child
    {
        width:0px!important;
    }
}
@media (max-width: 500px) 
{
    .responsive-flag-all div.RadToolTip
    {
        width:100%!important;
    }
    .responsive-flag-all .RadToolTip .rtWrapper
    {
        width:100%!important;
    }
}

@media only screen and (max-width: 809px), (max-device-width: 809px) and (min-device-width: 400px)
{
    li.extra-options a.breadcrumb_sel {
        color: #333!important;
    }
    li.extra-options a.breadcrumb_over {
        color: #D6CB6F!important;
    }
}
@media print
{
    .nav_content
    {
        display:none!important;
    }
    .logo2
    {
        display:none!important;
    }
    .mob-btns
    {
        display:none!important;
    }
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm)/*ONLY IE9 HACK to fix problem with font-family "HelveticaNeue-Light"*/
{
    body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input, .CommandButton{font-family:Arial, Helvetica, sans-serif;}
}