/* Minification failed. Returning unminified contents.
(11468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(11469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(11470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(11475,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(11480,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
html
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    margin: 0;
    padding: 0;
    height: 100%;
    padding-left:0 !important;
    padding-right:0 !important;
}

.left
{
    float: left;
}

.right
{
    float: right !important;
}


#header
{
    height: auto;
}


#header div.top_header_container
{
    background-color: #1b1b1b;
    height: 45px;
    width: 100%;
}

#header div.top_header_container .top_header
{
    margin: auto;
    max-width: 1100px;
    height: 100%;
}

#header div.top_header_container .top_header .topNavigationBar
{
    height: 100%;
    float: left;
    width: auto;
    display: flex;
}

#header div.top_header_container .top_header .topNavigationBar a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    height: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin: auto 25px auto 0;
    padding: 2px 0;
    font-family: Tahoma,Geneva,sans-serif;
}

#header div.top_header_container .top_header .topNavigationBar a.current_item
{
    border-bottom: solid 1px rgb(255,0,0);
}

#header div.top_header_container .top_header .topNavigationBar a:hover
{
    border-bottom: solid 1px rgb(255,0,0);
    text-decoration: none;
}


#header ul.nav.notifications
{
    float: right;
    display: flex;
    margin: 0;
    margin-top: 10px;
    padding-left:0;
}

#header ul.nav.notifications > li > a
{
    padding: 10px 15px;
    outline-color:red;
    line-height:20px;
}


#header ul.nav.notifications > li > a:hover, header ul.nav.notifications > li > a:visited, header ul.nav.notifications > li > a:active, header ul.nav.notifications > li > a:focus
{
    background: none !important;
}

    #header ul.nav.notifications > li > a span.badge 
    {
        position: absolute;
        top: -1px;
        z-index: 100;
        right: 1px;
    }
#header ul.nav.notifications > li a.admin_lnk
{
    color:rgb(255,0,0);
    font-size:11px;
}


#header div.middle_header
{
    max-width: 1100px;
    margin: 10px auto;
    height: 92px;
    display: flex;
}
.middle_header 
{
    position: relative;
    z-index:1001;
}

div.user_info_search
{
    margin: auto 0 auto auto; 
    width:60%;
    box-sizing:border-box;
}
     .middle_header.logged-out div.user_info_search
     {
         max-width:50% !important;
     }


div.user_info_search div.searchGlobalLi
{
     float:left;
      margin-top: 4px;
}

  div.user_info_search div.searchGlobalLi div.headerSearchDivBlock, div.searchGlobalLiMobile div.headerSearchDivBlock
  {
        border: 1px solid #A6A6A6;        
  }

div.user_info_search div.searchGlobalLi div.headerSearchDivBlock input[type="text"], div.searchGlobalLiMobile div.headerSearchDivBlock input[type="text"]{
    width: 180px;
    height: 26px;
    border:none;
    border-right: 0px;
    padding-left: 5px;
}

div.user_info_search div.searchGlobalLi div.headerSearchDivBlock input[type="button"], div.searchGlobalLiMobile div.headerSearchDivBlock input[type="button"]{
  height: 30px;
  width: 35px;
  background-color: transparent;
  background-image: url(images/search-transparent.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
  border: 0px;
  margin-left: -4px;
}

div.searchGlobalLiMobile
{
    width:82%;
}
div.searchGlobalLiMobile div.headerSearchDivBlock
{
    display:flex;
}

div.searchGlobalLiMobile div.headerSearchDivBlock input[type="text"]
{
    width:100%;
}

div.user_info_search div.mamber-info
{
    display: flex;
    justify-content: flex-end;
    padding-left: 10px;
    box-sizing: border-box;
    float:right;
}


a.highlited_button {
    color: #FFF !important;
    height: 25px;
    min-width: 164px !important;
    max-width: 40%;
    margin: 3px !important;
    padding: 8px 7px 0 7px !important;
    display: block;
    cursor: pointer;
    border-radius: 12px;
    border: solid 1px #fff;
    font: normal 15px Tahoma,Geneva,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align:center;
}

a.highlited_button.premium
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

a.highlited_button.green 
{
    background-color: #58ae51;
    border-color: #58ae51;
}

 a.highlited_button.green:hover
 {
    background-color: #85cf7f;
    border-color: #85cf7f;
 }

div.dropdown.user-info
{
    width: auto;
    height: 28px;
    margin: auto 0 auto 0;
    max-width: 60%;
}

div.dropdown.user-info a 
{
   color: #000 !important;
}

div.canvasLogo {
  
  text-align: left;
  padding: 0px; 
  float: left; 
  max-width:300px;
}

    div.canvasLogo img
    {
        width: 100%;
        height: auto;
    }

div.login-buttons
{
   display: flex;
   justify-content: flex-end;
   margin-bottom: 5px;
}

div.login-buttons a.loginButton
{  
    width: 100px;
    height: 28px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-color: #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    padding-top: 11px;
    text-decoration: none;
    text-align: center;
}
    

    div.login-buttons a.loginButton.blue
    {
         background-color: #009de0;    
    }

    div.login-buttons a.loginButton.red
   {
         background-color: #E42559;
    }
/*------------------------------Anchors------------------------------------------------------*/
a.menuItem
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    line-height: 30px;
    height: 20px;
    cursor: pointer;
}

    a.menuItem :hover
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem :visited
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem :active
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }

/*------------------sub Item------------------------------------------------*/

a.menuSubItemBold,div.menuSubItemBold
{
    font: normal 18px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding-bottom: 2px;
}


div.middleMenuItem:hover .middleMenuItemSubItem
{
    display:block;
}

.middleMenuHeader .middleMenuItemSubItemBold .cacheHuntMenu
{
    padding-bottom:10px;
}

div.middleMenuItem a.menuSubItemBold.current
{
    color: #000000;
    border-bottom: solid 2px rgb(255,0,0);
    text-decoration: none;
}

div.middleMenuItem:hover a.menuSubItemBold
{
     border-bottom: solid 2px rgb(255,0,0);
}
    .middleMenuHeader div.middleMenuItem a.menuSubItemBold:hover,  .middleMenuHeader div.middleMenuItem a.menuSubItemBold:focus
    {
        /*font: normal 18px Tahoma,Geneva,sans-serif;*/
        color: #000000;
        border-bottom: solid 2px rgb(255,0,0);
        text-decoration: none;
    }

    a.menuSubItemBold:visited
    {
        /*font: normal 18px Tahoma,Geneva,sans-serif;*/
        text-decoration: none;
        color: #000000;
    }

    a.menuSubItemBold:active
    {
        /*font: normal 18px Tahoma,Geneva,sans-serif;*/
        text-decoration: none;
        color: #000000;
    }

    a.menuSubItemBold[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }


.middleMenuHeaderMobile .mobile_menu #uMenu li.parent > a.current
{
   color:#f55555;
}

/*-------------------------------sub item-------------------------*/
a.menuSubItem
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    cursor: pointer;
}

    a.menuSubItem :hover
    {
        /*font: normal 11px Tahoma,Geneva,sans-serif;*/
        text-decoration: none;
        color: #808080;
    }

    a.menuSubItem :visited
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.menuSubItem :active
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.menuSubItem[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }

div.middleItemSubmenu{
    display:none;
    position: relative;
    width: 410px;
    height: 430px;
    background-color: #F3F4F6;
    z-index: 1001;
    margin-left: -140px;
    margin-top: 10px;
    border-radius: 3px;
    border: solid 1px #ebebeb;
    box-shadow: 1px 3px 4px #B2B2B2; 
    padding:10px;
    text-decoration: none;
    color: #000000;
    position:absolute;
}

    div.middleItemSubmenu:before {
        z-index: -1;
        position: absolute;
        top: -10px;
        left: 70%;
        margin-left: -25%;
        content: '';
        width: 0;
        height: 0;
        border-bottom: solid 10px #F3F4F6;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
    }

    div.cacheHuntMenu
    {
        position:relative;
    }

    div.cacheHuntMenu:hover div.middleItemSubmenu {
        display: block;
    }

    div.middleItemSubmenu h4{
       font: normal 18px Tahoma,Geneva,sans-serif;
    }

div.cacheHuntFirstMenu{
    height: 430px;
}

#cacheHuntDialog div.coordinatesInputContainer{
    background-color:#FFF;
    margin-left:20px;
}

#cacheHuntDialog h4,h5{
    text-align:center;
}

div.menuWithImageItam
{
    padding:10px;
    margin:2px;
    border : solid 1px #d3d3d3;
    background-color:#FFF;
}

    div.menuWithImageItam img{
        width:110px;
        height:auto;
    }

    div.menuWithImageItam a{
        font: normal 13px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        display:inline-block;
        width:110px;
    }

div.menuImageContainer{
    margin:0 auto;
    display:inline-block;
}
/*-----------------login------------------------------------------------------*/
a.redLoginButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 32px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

    a.redLoginButton:hover
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E42559;
        width: 110px;
        height: 32px;
        border-top: 0px solid;
        border-bottom: 0px solid;
        border-left: 0px solid #ffffff;
        border-right: 1px solid #ffffff;
        font: normal 10px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        padding-top: 13px;
        text-decoration: none;
        text-align: center;
    }

a.redSponsorsOffersButton
{
    width: 200px;
    border-left: 1px solid #ffffff;
}

    a.redSponsorsOffersButton:hover
    {
        width: 200px;
        border-left: 1px solid #ffffff;
    }

a.redLoginButton:visited
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 25px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

a.redLoginButton :active
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 25px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

a.blueLoginButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #009DE0;
    width: 110px;
    height: 32px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

    a.blueLoginButton:hover
    {
        cursor: pointer;
        cursor: hand;
        background-color: #009DE0;
        width: 110px;
        height: 32px;
        border-top: 0px solid;
        border-bottom: 0px solid;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        font: normal 10px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        padding-top: 13px;
        text-decoration: none;
        text-align: center;
    }

    a.blueLoginButton:visited
    {
        cursor: pointer;
        cursor: hand;
        background-color: #009DE0;
        width: 110px;
        height: 32px;
        border-top: 0px solid;
        border-bottom: 0px solid;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        font: normal 10px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        padding-top: 13px;
        text-decoration: none;
        text-align: center;
    }

    a.blueLoginButton:active
    {
        cursor: pointer;
        cursor: hand;
        background-color: #009DE0;
        width: 110px;
        height: 32px;
        border-top: 0px solid;
        border-bottom: 0px solid;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        font: normal 10px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        padding-top: 13px;
        text-decoration: none;
        text-align: center;
    }

/*------------------------------------------------------------------------------------------------*/


a.redButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    width: 170px;
    height: 27px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    text-decoration: none;
    padding-top: 8px;
    text-align: center;
}

    a.redButton :hover
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        width: 170px;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        text-decoration: none;
        padding-top: 8px;
        text-align: center;
    }

    a.redButton :visited
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        width: 170px;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        text-decoration: none;
        padding-top: 8px;
        text-align: center;
    }

    a.redButton :active
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        width: 170px;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        text-decoration: none;
        padding-top: 8px;
        text-align: center;
    }


a.greenButton
{
  cursor: pointer;
  width: 112px;
  display: block;
  background-color: #58ae51;
  color: #fff;
  height: 40px;
  font: normal 12px Tahoma,Geneva,sans-serif;
  line-height: 40px;
  margin-top: -5px;
}

a.greenButton:hover
{
  cursor: pointer;
  width: 112px;
  display: block;
  background-color: #58ae51;
  color: #fff;
  height: 40px;
  font: normal 12px Tahoma,Geneva,sans-serif;
  line-height: 40px;
  margin-top: -5px;
}
a.greenButton:visited
{
  cursor: pointer;
  width: 112px;
  display: block;
  background-color: #58ae51;
  color: #fff;
  height: 40px;
  font: normal 12px Tahoma,Geneva,sans-serif;
  line-height: 40px;
  margin-top: -5px;
}

a.greenButton:active
{
  cursor: pointer;
  width: 112px;
  display: block;
  background-color: #58ae51;
  color: #fff;
  height: 40px;
  font: normal 12px Tahoma,Geneva,sans-serif;
  line-height: 40px;
  margin-top: -5px;
}

a.okButton
{
    width: 80px;
}

a.ContinueButton
{
    width: 100px;
}

a.commonRedButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    height: 27px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    font-size: 14px !important;
    color: #ffffff;
    text-decoration: none;
    padding-top: 8px;
    text-align: center;
    display: inline-block;
}

    a.commonRedButton :hover
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: none !important;
        padding-top: 8px;
        text-align: center;
        display: inline-block;
    }

    a.commonRedButton :visited
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        text-decoration: none;
        padding-top: 8px;
        text-align: center;
        display: inline-block;
    }

    a.commonRedButton :active
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E52558;
        height: 27px;
        border: 0px solid;
        font: normal 14px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        text-decoration: none;
        padding-top: 8px;
        text-align: center;
        display: inline-block;
    }

    a.commonRedButton[disabled]
    {
        cursor: default;
        opacity: 0.5;
    }

    .SimpleRedButton {
        background-color: #E52558;
        border: 1px solid #ddd !important;
        color: #fff !important;
        height: 30px;
        width: auto !important;
    }

a.readMore
{
    cursor: pointer;
    cursor: hand;
    font: bold 11px Tahoma,Geneva,sans-serif;
    color: #E42559;
    float: left;
    text-decoration: none;
    font-style: italic;
}

    a.readMore:hover
    {
        cursor: pointer;
        cursor: hand;
        font: bold 11px Tahoma,Geneva,sans-serif;
        color: #E42559;
        float: left;
        text-decoration: underline;
        font-style: italic;
    }

    a.readMore:visited
    {
        cursor: pointer;
        cursor: hand;
        font: bold 11px Tahoma,Geneva,sans-serif;
        color: #E42559;
        float: left;
        text-decoration: none;
        font-style: italic;
    }

    a.readMore:active
    {
        cursor: pointer;
        cursor: hand;
        font: bold 11px Tahoma,Geneva,sans-serif;
        color: #E42559;
        float: left;
        text-decoration: none;
        font-style: italic;
    }


a.boldCaptionLink
{
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
}

    a.boldCaptionLink:hover
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: underline;
        color: #000000;
    }

    a.boldCaptionLink:visited
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
    }

    a.boldCaptionLink:active
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
    }

a.redItalicCaptionLink
{
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #E42559;
    font-style: italic;
}

    a.redItalicCaptionLink:hover
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: underline;
        color: #E42559;
        font-style: italic;
    }

    a.redItalicCaptionLink:visited
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #E42559;
        font-style: italic;
    }

    a.redItalicCaptionLink:active
    {
        font: bold 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #E42559;
        font-style: italic;
    }

div.footerText
{
    font: normal 9px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
}

a.footerLink
{
    font: normal 9px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    cursor: pointer;
}

    a.footerLink:hover
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: underline;
        color: #808080;
    }

    a.footerLink:visited
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.footerLink:active
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.footerLink[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }

a.loggedUser
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #fff;
}

    a.loggedUser:hover
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #fff;
    }

    a.loggedUser:visited
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #fff;
    }

    a.loggedUser:active
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #fff;
    }


a.commonLink
{
    cursor: pointer;
    color: #009DE0;
}

a.termsAndConditionsLink
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    line-height: 18px;
    cursor: pointer;
}

a.gridLink
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    
    color: #333;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}

    a.gridLink :hover
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: underline !important;
        color: #333;
        line-height: 30px;
        height: 30px;
    }

    a.gridLink :visited
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #333;
        line-height: 30px;
        height: 30px;
    }

    a.gridLink :active
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color:#333;
        line-height: 30px;
        height: 30px;
    }

    a.gridLink[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }
/*------------------------------Anchors------------------------------------------------------*/

/*------------------------------Paragraph----------------------------------------------------*/

p.headerText, h3.headerText
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: left;
}

span.headerText 
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: left;
}



p.headerTextUpper
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: left;
    text-transform: uppercase;
}

p.headerTextCenter
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
}

p.upper
{
    text-transform: uppercase;
}

p.headerTextRight
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: right;
}

p.headerTextRightUpper
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: right;
    text-transform: uppercase;
}

p.smallHeaderText
{
    font: normal 17px Tahoma,Geneva,sans-serif;
    text-decoration: underline;
    color: #000000;
    text-align: left;
}

p.subHeaderText
{
    font: normal 16px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
}

span.subHeaderText
{
    font: normal 16px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #2D2D2D;
    text-align: left;
}

p.subHeaderDescriptionText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

p.subHeaderDescriptionItalicText
{
    font: italic 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

p.normalText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    text-align: left;
    line-height: 18px;
}

p.subPageHeader
{
    padding-bottom: 0px !important;
}

p.subPageDesc
{
    padding-bottom: 0px !important;
    font-size: 14px !important;
}


span.langText
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    line-height: 30px;
    height: 30px;
}

span.subHeaderDescriptionItalicText
{
    font: italic 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

span.subHeaderRedDescriptionItalicText
{
    font: italic 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #E42559;
    text-align: left;
    line-height: 18px;
}

span.subHeaderDescriptionText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

span.boldCaptionLink
{
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
}

span.boldRedCaptionLink
{
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #E42559;
    font-style: italic;
}

div.headerContainer
{
    display:none; /*the element should be removed*/
    background-color: #F3F4F6;
    width: auto;
    height: 46px;
    padding: 2px;
    border-bottom: 1px solid #E2E3E7;
    min-width: 1170px;
}

div.footerContainer
{
    background-color: #F3F4F6;
    width: auto;
    height: 240px;
    padding: 2px;
    border-top: 1px solid #E2E3E7;
}

div.footerContainerSmall
{
    width: 980px;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
}

div.footerContainerItem
{
    width: 300px;
    height: 150px;
    margin-top: 0px;
    margin-left: 10px;
    float: left;
}
div.footerContainerItem.itemCenter
{
    border-left: 1px solid #E2E3E7;
    border-right: 1px solid #E2E3E7;
}

div.footerContainerItemLast
{
    width: 300px;
    height: 150px;
    margin-top: 0px;
    margin-left: 10px;
    float: left;
}

div.headerBlack
{
    height: 54px;
    width: auto;
    background-color: #000000;
}

div.loginContainer
{
    width: 230px;
    height: 38px;
    float: right;
    margin-right: 140px;
}

div.logoutContainer
{
    width: 500px;
    height: 38px;
    float: right;
    margin-right: 140px;
    display: none;
}

div.loggedUser
{
    width: 360px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: right;
    float: left;
    margin-right: 20px;
}

div.SponsorsOffersContainer
{
    width: 200px;
    height: 38px;
    float: left;
}

div.FirstBannerMarginLeft
{
    margin-left: 50px;
}

div.NextBannerMarginLeft
{
    margin-left: 10px;
}

div.UsersToSponsorContainer
{
    margin-left: 5px;
}


input.loginButtonBlue
{
    width: 110px;
    height: 38px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    cursor: pointer;
    cursor: hand;
    color: #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    background-color: #009DE0;
    margin: 0px;
    float: left;
}

.inputInvalid
{
    border: 1px solid red !important;
}

input.regularRedButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    width: 150px;
    height: 35px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
}

    input.regularRedButton[disabled] 
    {
        cursor: default;
        opacity: 0.5;
    }

input.regularRedButtonSmall
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    width: 100px;
    height: 28px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
}

    input.regularRedButtonSmall[disabled]
    {
        cursor: default;
        opacity: 0.5;
    }

a.imgLink
{
    cursor: pointer;
}

    a.imgLink[disabled]
    {
        cursor: default;
    }

a.imageLink
{
    cursor: pointer;
    display: block;
}

    a.imageLink[disabled]
    {
        cursor: default;
        opacity:0.2;
    }

input.pickerButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    width: 25px !important;
    height: 25px !important;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif !important;
    color: #ffffff !important;
    float: left;
    margin-left: 3px !important;
}

input.loginButtonRed
{
    width: 110px;
    height: 38px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    cursor: pointer;
    cursor: hand;
    color: #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    background-color: #E42559;
    margin: 0px;
    float: left;
}

div.clearer
{
    clear: both;
    height: 0px;
    padding: 0px;
    margin: 0px !important;
}

div.headerBar
{
    height: 40px;
    margin-right: 170px;
    float: right;
}

div.headerBarMenu 
{
    height: 40px;
    width: 956px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 8px;
    float:none !important;
}

div.headerMenuItemLong
{
    width: 170px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 40px;
    line-height: 30px;
}

div.firstHeaderMenuItem{
    margin-left:110px;
}

div.headerMenuItem
{
    width: 84px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 40px;
    line-height: 30px;
}

div.headerMenuItemLang
{
    width: 90px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 30px;
    position: relative;
}

div.langContainer
{
    width: 90px;
    position: absolute;
    left: 20px;
    top: 30px;
    background-color: #F3F4F6;
    display: none;
}

div.languagePart
{
    height: 38px;
    float: left;
    width: 40px;
    margin-left: 0px;
    vertical-align: middle;
    padding: 0px;
}

div.headerMenuItemLangItem
{
    width: 88px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 30px;
    border: 1px solid #e2e3e7;
}

    div.headerMenuItemLangItem:hover
    {
        width: 88px;
        text-align: center;
        vertical-align: middle;
        height: 40px;
        line-height: 30px;
        border: 1px solid #e2e3e7;
        background-color: #d3d3d3;
    }

div.headerMenuItemIcon
{
    width: 40px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 35px;
    line-height: 30px;
}

div.middleMenu
{
    height: 108px;
    width: auto;
    background-color: #FFFFFF;
    min-width: 1170px;
}

div.middleMenuHeader 
{
    display: flex;
    justify-content: space-between;
    height: 50px;
    background-color: #FFFFFF;
    width: 100%;
    max-width:1100px;
    margin-left: auto;
    margin-right: auto;
    border-top: solid 2px #A6A6A6;
    z-index:100;

}

div.middleMenuItemLogo
{
    margin-left: 160px;
    width: 322px;
    height: 100px;
    float: left;
}

div.middleMenuItemLogo img
{
    max-width:300px;
}

div.middleMenuItemLogoMargin 
{
     margin-left: 80px !important;
}
div.middleMenuItem:not(.cacheHuntMenuItem)
{
    max-width: 160px;
}

 
div.middleMenuItem 
{
    width: auto;
  
    margin-top: 10px;
    position: relative;
}

div.middleMenuItemSubItemBold
{
    margin-top: 0;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
}

.middleMenuHeader div.middleMenuItemSubItem
{
    width: 150px;
    height: auto;
    vertical-align: top;
    text-align: left;
    margin: 2px 0 0;
    position:absolute;
    display: none;
}


div.middleMenuItemSubItem ul.subItemsContainer
{
    margin: 0;
    list-style-type: none;
    padding-left: 0;
    background-color: #f3f2f2;
    border: solid 1px #f3f2f2;
}

.middleMenuHeaderMobile div.middleMenuItemSubItem ul.subItemsContainer
{
    border-bottom:none;
    border-left:none;
    border-right:none;
}

div.middleMenuItemSubItem ul.subItemsContainer > li
{
    padding: 4px 5px;
}

div.middleMenuItemSubItem ul.subItemsContainer > li > a
{
    font-size: 13px;
    color: #4b4a4a;
} 

div.middleMenuItemSubItem ul.subItemsContainer > li:hover
{
    background-color:#fff;
}

div.middleMenuItemSubItem ul.subItemsContainer > li > a:hover
{
    text-decoration:none;
}

div.middleMenuItemSeparator {
    width: 1px;
    height: 97px;
    float: left;
    border-left: #E6DADA 1px solid;
    margin-top: 11px;
}

/*---- Group Menu ----*/
div.headerBar div.groupMenu
{
    width: 180px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 40px;
    line-height: 38px;
    position: relative;
}

div.headerBar .groupMenu div.container
{
    width: 160px;
    position: absolute;
    left: 20px;
    top: 30px;
    background-color: #F3F4F6;
    display: none;
}

    div.headerBar .groupMenu div.container div.text
    {
        height: 38px;
        float: left;
        width: 160px;
        margin-left: 0px;
        vertical-align: middle;
        padding: 0px;
    }

    div.headerBar .groupMenu div.container span.text
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

div.headerBar .groupMenu div.menuItem
{
    width: 148px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e2e3e7;
}

    div.headerBar .groupMenu div.menuItem:hover
    {
        border: 1px solid #e2e3e7;
        background-color: #d3d3d3;
    }

div.headerBar div.administrator a, li.administrator a
{
    color: red !important;
}

li.administrator a:hover{
    color:#FFFFFF !important;
}

div.headerBar .groupMenu a
{
    color: red;
}
/*----------------------*/

div.headerMenuItemLangItem
{
    width: 88px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 30px;
    border: 1px solid #e2e3e7;
}

    div.headerMenuItemLangItem:hover
    {
        width: 88px;
        text-align: center;
        vertical-align: middle;
        height: 40px;
        line-height: 30px;
        border: 1px solid #e2e3e7;
        background-color: #d3d3d3;
    }

/*---------------------div body-----------------------------------------------------------*/

div.bodyContainer
{
    width: auto;
    height: auto;
    min-width: 1170px;
    min-height: 400px;
}

div.contentCentered
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
}

div.leftContainer
{
    width: 665px;
    height: 488px;
    float: left;
}

div.rightContainer
{
    width: 310px;
    margin-left: 5px;
    float: left;
}

div.rightContainerText
{
    width: 290px;
    margin-left: 20px;
    float: left;
}

div.miniSlide
{
    width: 303px;
    height: 156px;
    position: relative;
}

    div.miniSlide a
    {
        cursor: pointer;
    }

        div.miniSlide a[disabled]
        {
            color: #a0a0a0;
            cursor: default;
        }


div.miniSlideSeparator
{
    width: 303px;
    height: 10px;
}

div.miniSlideSeparatorVert
{
    width: 35px;
    height: 156px;
    float:left;
}

div.miniSlideDescription
{
    position: absolute;
    width: 303px;
    height: 55px;
    left: 0px;
    bottom: 0px;
}

div.miniSlideUpText
{
    background-color: rgba(29,139,214,0.5);
    float: left;
    width: 249px;
    height: 55px;
}

div.miniSlideMiddleText
{
    background-color: rgba(146,0,104,0.5);
    float: left;
    width: 249px;
    height: 55px;
}

div.miniSlideDownText
{
    background-color: rgba(64,163,90,0.5);
    float: left;
    width: 249px;
    height: 55px;
}

div.miniSliderHeaderText
{
    margin-top: 10px;
    margin-left: 10px;
    height: 20px;
    width: 238px;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
}

div.miniSliderHeaderText h4
{
    font: normal 14px Tahoma,Geneva,sans-serif;
}

div.miniSliderFooterText
{
    margin-top: 2px;
    margin-left: 10px;
    height: 20px;
    width: 238px;
    font: normal 12px Tahoma,Geneva,sans-serif;
    color: #ffffff;
}

img.miniSlideIcon
{
    float: left;
}

div.contentCenteredSeparator
{
    height: 1px;
    width: 980px;
    background-color: #DADADA;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

div.homeFooter
{
    height: auto;
    width: auto;
}

div.homeFooterItem
{
    width: 310px;
    height: 450px;
    float: left;
    margin-right: 22px;
    text-align: left;
}

div.homeFooterItemLast
{
    width: 310px;
    height: 450px;
    float: left;
    margin-right: 0px;
    text-align: left;
}

div.homeFooterItemHeader
{
    width: 310px;
    border-bottom: 1px solid #000000;
}

div.homeFooterItemText
{
    width: 310px;
    height: 377px;
}

div.homeFooterItemFeed
{
    width: 310px;
    height: 377px;
    margin-top: 5px !important;
    border: 0px solid !important;
}


/*---------- Cache --------*/
div.cacheImage
{
    width: 72px;
    height: 72px;
    float: left;
    margin: 12px 12px 0px 0px;
}

div.cachePhoto
{
    float: left;
    width: 90px;
    padding: 5px;
}

    div.cachePhoto img
    {
        margin: auto;
        max-width: 90px;
    }

div.cacheText
{
    width: 210px;
    height: 82px;
    float: left;
    margin-top: 12px;
}

    div.cacheText span, div.cacheText p
    {
        max-width: 210px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }


div.cacheSubText
{
    width: 210px;
    height: 22px;
    text-align: left;
    vertical-align: middle;
    line-height: 24px;
}

div.cacheItemSeparator
{
    width: 310px;
    height: 1px;
    background-color: #E3E3E3;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.cachePhotos
{
    width: 800px;
    min-height: 150px;
    border: solid 1px #d3d3d3;
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 5px;
}

    div.cachePhotos[shortBox] 
    {
        width:587px;
        margin-left:25px;
    }

div.logPhotoView 
{
    width:81px;
    border: solid 1px #d3d3d3;
    margin-left:0px !important;
}

    label.logPhotoTitleView 
    {
        max-width: 81px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;   
        color:#000;
        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size:11px;
    }

div.cacheImageTitle input
{
    width: 570px;
}

div.cacheImageTitle[shortBox] input
{
    width: 407px;
}

div.cacheDesc
{
    width: 800px;
    margin-top: 5px;
}

    div.cacheDesc textarea
    {
        width: 800px;
        height: 48px;
        margin-bottom: 5px;
    }

div.cacheCover
{
    z-index: 10;
    position: absolute;
    opacity: 0.5;
    display: none;
    background-color: #000000;
    width: 180px;
}

/*---------- End Cache --------*/

div.statsLeft
{
    width: 150px;
    height: 200px;
    float: left;
    margin-top: 12px;
}

div.statsRight
{
    width: 150px;
    height: 200px;
    float: left;
    margin-top: 12px;
    margin-left: 5px;
}

div.statsLeftItem
{
    height: 30px;
    width: 150px;
    margin-top: 3px;
}

div.miniLogo
{
    width: 68px;
    height: 68px;
    float: left;
}

div.followUs
{
    width: 180px;
    height: 68px;
    float: left;
}

div.followUsHeader
{
    width: 120px;
    height: 20px;
    float: left;
    font: normal 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    margin-top: 10px;
    margin-left: 30px;
}

div.followUsFooter
{
    width: 160px;
    height: 38px;
    float: left;
    margin-left: 20px;
    text-align:left;
}

div.footerLink
{
    margin-top: 10px;
    height: 20px;
}

div.footerLinkColumn
{
    width: 130px;
    height: 150px;
    float: left;
    margin-left: 20px;
}

div.subscribe
{
    width: 300px;
    height: 100px;
    margin-left: 30px;
}

a.menuRedButton{
    cursor: pointer;
    background-color: #E52558;
    border: 0px solid;
    font: normal 12px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    padding: 6px 18px 7px 18px;
}

a.submitRedButton{
    width: 209px !important;
    height: 30px;
    display: block;
    text-align: center;
    background-color: #E52558;
    color: #fff;
    line-height: 2;
    margin: 0 auto;
}

input.submitRedButton
{
    cursor: pointer;
    background-color: #E52558;
    width: 73px !important;
    height: 27px;
    border: 0px solid;
    font: normal 12px Tahoma,Geneva,sans-serif;
    color: #ffffff;
}

    input.submitRedButton[disabled]
    {
        opacity: 0.5;
        cursor:default;
    }

span.submitRedButton
{
    cursor: pointer;
    background-color: #E52558;
    border: 0px solid;
    font: normal 12px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    line-height: 27px !important;
    height: 27px;
    width: 95px !important;
    padding: 0px !important;
    outline-width: 0px !important;
}

input.submitBlueButton
{
  background-color: #009DE0;
  height: 27px;
  border: 0px solid;
  font: normal 12px Tahoma,Geneva,sans-serif;
  color: #ffffff;
  float: left !important;
  margin-right: 13px !important;
}

input.submitBlueButton[disabled]
    {
        opacity: 0.5;
        cursor:default;
    }


/*------------------------text box------------------------------------------*/
input.search
{
    width: 208px;
    height: 25px;
    float: left;
    border: 0px solid;
    background-color: #ffffff;
    color: #808080;
}

.watermarkText
{
    color: #d3d3d3 !important;
    font-style: italic !important;
}
/*---- Profile Edit ----*/
.prof-form
{
    overflow: hidden;
    width: 100%;
}

    .prof-form form
    {
        float: left;
        _overflow: visible;
    }

        .prof-form form fieldset, .prof-form fieldset
        {
            width: 100%;
            margin: 0 0 7px 0;
            padding: 0;
            float: left;
            border: 0px;
        }


    .prof-form label
    {
        float: left;
        width: 150px;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
    }

    .prof-form span
    {
        float: left;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
    }

    .prof-form fieldset label
    {
        text-align: right;
        padding: 6px 15px 0 0;
    }

    .prof-form form fieldset.select
    {
        padding-top: 1px;
    }

        .prof-form form fieldset.select label
        {
            padding-top: 2px;
        }

    .prof-form form fieldset input
    {
        border: 1px solid #d3d3d3;
        padding: 5px;
        width: 270px;
        margin: 0;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
    }

    .prof-form form fieldset div.coordinatesInputContainer
    {
        margin: 0;        
        width: 280px;
    }

    .prof-form form fieldset select
    {
        border: 1px solid #d3d3d3;
        padding: 5px;
        width: 282px;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
    }


        .prof-form form fieldset select option
        {
            font: normal 12px Tahoma,Geneva,sans-serif;
        }

    .prof-form form fieldset textarea
    {
        border: 1px solid #d3d3d3;
        padding: 5px;
        float: left;
        width: 270px;
        _height: 40px;
    }

    .prof-form form fieldset.sbx_buttons
    {
        padding-left: 162px;
        _width: 100px;
    }

        .prof-form form fieldset.sbx_buttons span.sbx_button
        {
            float: left;
            background-color: rgb(55, 141, 229);
            color: #2d1c02;
        }

            .prof-form form fieldset.sbx_buttons span.sbx_button input
            {
                border: none;
                float: left;
                width: auto;
            }

    .prof-form form span.sbx_button input
    {
        border: none;
        float: left;
        width: auto;
    }

    .prof-form .account-info
    {
        width: 410px;
        float: right;
        border: 1px solid #E0DED9;
        padding: 24px 28px 24px 28px;
    }

        .prof-form .account-info h4
        {
            font-family: Georgia, serif;
            font-weight: normal;
            font-size: 1.3em;
            margin: 0;
            padding: 0 0 4px 0;
            border-bottom: 1px solid #E0DED9;
        }

        .prof-form .account-info ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .prof-form .account-info ul li
            {
                overflow: hidden;
                width: 100%;
            }

                .prof-form .account-info ul li strong
                {
                    display: block;
                    float: left;
                    width: 80px;
                }

                .prof-form .account-info ul li a
                {
                    display: block;
                    float: left;
                }

input.accountProvince
{
    width: 250px !important;
    height: 22px !important;
    border: 1px solid #d3d3d3 !important;
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    padding-left: 5px !important;
}

input.accountProvinceLog
{
    width: 200px !important;
    height: 22px !important;
    border: 1px solid #d3d3d3 !important;
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    padding-left: 5px !important;
}

input.accountProvinceLogDisabled
{
    width: 220px !important;
    height: 22px !important;
    border: 1px solid #d3d3d3 !important;
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    padding-left: 5px !important;
}

input.accountAdvProvince
{
    width: 199px !important;
    height: 22px !important;
    border: 1px solid #d3d3d3 !important;
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    padding-left: 5px !important;
}

.field-box div
{
    margin-bottom: 7px;
}


/*---- End Profile Edit ----*/

/*---- Cache Photo Upload ----*/
div.coverPhotoDiv
{
    float: left;
    width: 90px;
    height: 100px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    text-align:center;
}

    div.coverPhotoDiv img
    {
        margin: auto;
        max-width: 80px;
    }

div.cachePhotoDiv
{
    float: left;
    width: 85px;
    height: 90px;
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
    border: solid 1px #d3d3d3;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

    div.cachePhotoDiv img
    {
        margin: auto;
        max-width: 90px;
    }

div.cacheColPhotoDiv
{
    width: 85px;
    height: 90px;
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
    border: solid 1px #d3d3d3;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

    div.cacheColPhotoDiv img
    {
        margin: auto;
        max-width: 90px;
    }

div.photoRemove
{
    width: 15px;
    height: 15px;
    position: absolute;
    left: 70px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.8);
}

.hiddenFileControl
{
    width: 30px !important;
    opacity: 0;
    cursor: pointer;
}

.hiddenImageUpload {
    width:30px !important;
    opacity:0;
    zoom:0.96;
    cursor:pointer;
}
.addImage
{
    width: 60px;
    height: 60px;
    padding-left: 30px;
    padding-top: 30px;
    border: dashed 1px #d3d3d3;
    margin-left: 5px;
}

.uploadImage
{
    width: 85px;
    height: 30px;
    border: dashed 1px #d3d3d3;
    margin-left: 5px;
    margin-bottom: 0px;
}

div.cacheDtlItems
{
    float: left;
    width: 400px;
    height: 25px;
    padding: 5px;
}

.cacheImageContainer 
{
    padding-top:5px;
    margin-bottom:0px !important;
}
li.cacheImage 
{
    list-style-type: none  !important;
    margin-left:-35px  !important;
    margin-right:5px  !important;
    background-image:none  !important;
    background-color:#F3F1EC  !important;
}
li.cacheImage:hover {
    cursor: pointer;
}

label.cacheImageLabel
{
    font: normal 12px Tahoma,Geneva,sans-serif;
}

#ulCachePhotos li.ui-sortable-helper
{
    cursor: move;
}

div.buttonBar
{
    width: 380px;
    text-align: right;
    min-height: 36px;
}

div.captchaContainer
{
    padding-left: 165px;
    height: 57px;
    width: auto;
}

/*---- End Cache Photo Upload ----*/

div.errorDiv div ul li, div.errorDiv span
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #e52558;
    text-align: left;
    line-height: 18px;
}

/*------ LogIn Dialog ---------*/
td.loginDialogError
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #e52558 !important;
    text-align: left !important;
    line-height: 18px !important;
    min-height: 20px !important;
}

table.loginDialog
{
    border-collapse: inherit !important;
    min-height: 180px;
}

.loginDialog tr td label
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
}

.loginText
{
    width: 270px !important;
    height: 22px !important;
    color: #4d4c4c !important;
    font-size: 12px !important;
    font-family: Tahoma,Geneva,sans-serif !important;
    font-weight: normal !important;
    margin: 0px !important;
    padding: 0px !important;
}

label.loginCheckbox
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    margin: 0px !important;
}

input.loginCheckbox
{
    width: 20px !important;
    margin: 0px !important;
}
/*----- End LogIn Dialog ---------*/


/******************************************/
.divModalDialog
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    font: normal 14px Tahoma,Geneva,sans-serif;
}

div.CacheType
{
    width: 150px;
    height: 100px;
    text-align: center;
}

a.commonAction
{
    color: black;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    height: 130px;
    width: 115px;
    display: block;
    text-decoration: none;
}

    a.commonAction:hover
    {
        color: black;
        background-color: transparent;
        text-decoration: underline;
        padding: 0px;
        margin: 0px;
        display: block;
    }

    a.commonAction:visited
    {
        color: black;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        display: block;
    }

    a.commonAction:after
    {
        color: black;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        display: block;
        background: none !important;
    }

    a.commonAction[disabled] 
    {
       opacity:0.5;
       pointer-events: none;
       cursor: default;
    }

div.mapcanvas
{
    height: 430px;
    width: 770px;
}

div.AboutPictures
{
    float: left;
    max-width: 470px;
}

div.AboutContent
{
    float: left;
    max-width: 470px;
}

div.verticalSeparator
{
    width: 40px;
    height: 120px;
    float: left;
}

div.DescriptionText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

div.CentralContent
{
    font-size: 13px;
}


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

img.imgCentered
{
    vertical-align: middle;
    display: -inline-block;
    margin-top: -2px;
}


div.photoManagement
{
    height: 120px;
    width: 400px;
}

div.photoUpload
{
    width: 280px;
    height: 100px;
    float: left;
    margin: 5px;
}

div.photoUploadDescription
{
    width: 220px;
    height: 40px;
    margin-top: 5px;
}

input.fileCommon
{
    width: 290px;
    height: 25px;
    border: 0px solid;
    font: normal 12px Tahoma,Geneva,sans-serif;
    margin: 0px;
}

div.commonButtonBar
{
    width: 415px;
    text-align: right;
    min-height: 36px;
    margin: 2px;
}

div.uploadItemsContainer
{
    width: 380px;
    padding: 1px;
}

div.changePassword
{
    width: 250px;
}

/*-----------------------Layout----------------------------*/
.box
{
    background-color: #F3F4F6;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    height: auto;
}

div.grid_1
{
    width: 70px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_2
{
    width: 140px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_3
{
    width: 210px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_4
{
    width: 280px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_5
{
    width: 350px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_6
{
    width: 420px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_7
{
    width: 490px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_8
{
    width: 560px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_9
{
    width: 630px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_10
{
    width: 700px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_11
{
    width: 770px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_12
{
    width: 840px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_13
{
    width: 910px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.grid_14
{
    width: 980px;
    float: left;
    padding: 5px 5px 5px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/**************** Cache Small Box *****************/
.cacheSmallBox div.wrapper
{
    width: 180px;
    min-height: 200px;
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    color: #000;
    text-decoration: none;
    border: 1px solid #d3d3d3;
    position:relative;
}

    .cacheSmallBox div.wrapper label /*bootstrap overwrite*/
    {
        font: 12px Tahoma,Geneva,sans-serif !important;
        font-weight: normal;
        color: #000;
    }

    .cacheSmallBox div.wrapper span /*bootstrap overwrite*/
    {
        font-size: 12px !important;
        font-family: Tahoma,Geneva,sans-serif !important;
        font-weight: normal;
        color: #000;
    }

    .cacheSmallBox div.wrapper a /*bootstrap overwrite*/
    {
        font: normal 12px Tahoma,Geneva,sans-serif !important;
        color: #0088cc;
        text-decoration: none;
    }

    .cacheSmallBox div.wrapper select /*bootstrap overwrite*/
    {
        padding: 0px;
    }


.cacheSmallBox img.image
{
    width: 180px;
    height: 180px;
    border: 0px;
}

.cacheSmallBox div.infoTop
{
    position: absolute;
    left:0px;
    top:0px;
    padding: 4px;
    background-color: rgba(255,255,255,0.4);
    z-index:5;
}

    .cacheSmallBox div.infoTop div:nth-child(1)
    {
        text-align: left;
    }
    .cacheSmallBox div.infoTop div:nth-child(1)> span
    {
        text-align: left;
        font-weight: bold !important;
    }

    .cacheSmallBox div.infoTop div:nth-child(2) > span
    {
        padding-right: 5px;
        float:left;
    }
    
    .cacheSmallBox div.infoTop div:nth-child(2) > a > span
    {
        max-width: 134px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;   
        color:#08C;
    }

.cacheSmallBox div.infoBottom
{
    padding: 10px 3px;
}

.cacheSmallBox div.wrapper div.infoBottom > div:last-child > div
{
    max-width: 100% !important;
}

.cacheSmallBox .found_banner
{
    top: 36px;
    left: -30px;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 15;
}

div.emptyData
{
    height: 100%;
    border: 1px dashed #dadada;
    min-height: 140px;
}

    div.emptyData table
    {
        height: 100%;
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-style: italic;
        vertical-align: middle;
    }

.cacheCommentsDiv div
{
    margin-bottom: 0px;
}

div.dvSponsorsCaption
{
    float: left;
}

    div.dvSponsorsCaption label
    {
        width: 150px;
        text-align: right;
        padding-right: 15px;
    }


div.cacheCommentsDiv
{
    width: 500px;
    background-color: #fbdada;
    margin-bottom: 25px;
    border: solid 1px #E52558;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    div.cacheCommentsDiv div
    {
    }

        div.cacheCommentsDiv div ul
        {
            margin: 0px;
        }

            div.cacheCommentsDiv div ul li
            {
                list-style-type: none;
                margin-left: -40px;
            }

                div.cacheCommentsDiv div ul li div.separator
                {
                    border-bottom: solid 1px #E52558;
                    height: 0px;
                }

                div.cacheCommentsDiv div ul li div.commentDiv span
                {
                    font-size: 12px;
                    float: none;
                }

                div.cacheCommentsDiv div ul li div.authorDiv
                {
                    text-align: right;
                }

                    div.cacheCommentsDiv div ul li div.authorDiv span
                    {
                        font-size: 10px;
                        font-style: italic;
                        float: none;
                    }

ul.cacheSponsorsList li
{
    list-style-type: none;
    margin-left: -40px;
}

    ul.cacheSponsorsList li div span
    {
        font-size: 10px;
    }

    ul.cacheSponsorsList li div img
    {
        width: 10px;
        height: 10px;
        margin-right: 5px;
        margin-top: 5px;
    }

div.commentsPopupDiv
{
    display: none;
    width: 200px;
    position: absolute;
    z-index: 10999;
    background-color: #8ad4fb;
    border: solid 1px #90daf6;
    opacity: 0.9;
    padding-right: 5px;
    padding-left: 5px;
    max-height:300px;
    overflow:auto;
}

    div.commentsPopupDiv ul li
    {
        list-style-type: none;
        margin-left: -40px;
        background-image: url("images/li-border.png");
        background-repeat: repeat-x;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 11px;
        color: #000;
    }

/**************** User Profile Small Box *****************/
.profileSmallBox
{
    width: 180px;
    height: auto;
    min-height: 280px;
    color: #000;
    text-decoration: none;
    border: 1px solid #ddd;
    background-color: #fff !important;
    display: block !important;
    box-shadow: 0 0 1px #ddd;
    padding: 5px;
    font-family:Tahoma;
}

    .profileSmallBox > div:nth-child(1)
    {
        background-color: rgba(255,255,255,0.3);
        display:block !important;
        height:60px;
    }

    .profileSmallBox div div
    {
        overflow: hidden;
        text-overflow: ellipsis;
        display:block !important;
        font-size: 11px;
        color: rgb(105, 96, 90);
    }

.profSmallBoxAgency 
{
    position: absolute;
    width: 180px;
    height: 40px;
    background-color: #a5c8ef;
    color: #ffffff;
    top: 65px;
    left: 1px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 5px;
    padding-top: 15px;
    font: italic 12px Tahoma,Geneva,sans-serif;
    font-weight: bold;
    text-align: center;
    max-width: 190px !important;
    display: inline !important;
}

.selSmallBox
{
    border-color: #0d9cd9 !important;
}

div.alreadyOffered
{
    width: 180px;
    float: left;
}

    div.alreadyOfferedImg 
    {
        float: left;        
        height:35px;

    }

    div.alreadyOfferedImg div
    {
        margin-top:8px;
    }

        div.alreadyOfferedImg div img
        {
            width: 20px;
            height: 20px;
        }

    div.alreadyOffered input
    {
        float: right;
    }

div.SmallTitleBold
{
    font: normal 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: inherit;
    text-align: center;
    margin-bottom: 5px;
}

div.badges img
{
    height: 17px;
}

/**********************/
.arrow
{
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    color: #E52558;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=50);
    text-decoration: none;
}

 
    .arrow:hover,
    .arrow:focus
    {
        opacity: 0.5;
        filter: alpha(opacity=90);
        text-decoration: none;
    }


div.searchDivBlockHeader
{
    width: 210px;
    height: 40px;
    padding: 0px;
}

    div.searchDivBlockHeader label
    {
        width: 200px;
        height: 25px;
        margin: 0px;
        float: left;
        padding: 5px 5px 5px 0px;
        text-align: center;
        font: bold 13px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

div.searchDivBlock
{
    width: 280px;
    height: 35px;
    padding: 0px;
}

div.searchDivBlockLong
{
    width: 240px;
    height: 35px;
    padding: 0px;
}

div.cacheDivBlock{
    width:250px;
    height:60px;
    display:inline-block;
    text-align:center;
}

    div.searchDivBlock label, div.searchDivBlockLong label, div.cacheHuntDiv label
    {
        width: 200px;
        height: 25px;
        margin: 0px;
        float: left;
        padding: 5px 5px 5px 0px;
        text-align: left;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.cacheHuntDiv input[type="text"] 
    {
        width: 200px;
        float: left;
        border: 1px solid #d3d3d3;
        padding: 5px;
        margin: 0px;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
        line-height: normal;
        font-size-adjust: none;
        font-stretch: normal;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.cacheHuntDiv input.searchProvince{
        width:169px !important;
    }

    div.searchDivBlock input[type="text"], div.searchDivBlockLong input[type="text"]
    {
        width: 155px;
        float: left;
        border: 1px solid #d3d3d3;
        padding: 5px;
        margin: 0px;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
        line-height: normal;
        font-size-adjust: none;
        font-stretch: normal;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.searchDivBlock select, div.searchDivBlockLong select, div.cacheHuntDiv select
    {
        margin: 0px;
        float: left;
        border: 1px solid #d3d3d3;
        padding: 5px;
        width: 200px;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

div.searchDivBlock input[type="button"], div.cacheHuntDiv input[type="button"]
{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

div.searchDivBlockCover
{
    border: 0px solid #d3d3d3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    height: 890px;
}

div.searchDivBlockSmall
{
    width: 210px;
    height: 20px;
    padding: 0px;
}

div.cacheHuntDiv{
    width: 210px;
    height: 35px;
    padding: 0px;
}

div.searchDivBlockSmall label
    {
        width: 200px;
        height: 25px;
        margin: 0px;
        float: left;
        padding: 5px 5px 5px 0px;
        text-align: left;
        font: normal 10px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


input.searchProvince
{
  width: 140px !important;
  height: 22px !important;
  border: 1px solid #d3d3d3 !important;
  font: normal 12px Tahoma,Geneva,sans-serif !important;
  padding-left: 5px !important;
}

div.searchResultDivBlockCover
{
    border: 0px solid #d3d3d3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin-top:35px;
    padding-left:55px;
}

div.searchResultDivBlockCoverCH
{
    border: 0px solid #d3d3d3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin-top:10px;
}

div.searchResultPager
{
    width: auto;
    margin-left: 9px;
    margin-right: 11px;
}

div.userResultPager
{
    width: auto;
    margin-left: 2px;
    margin-right: 11px;
}

div.advListBlock 
{
    width:193px; 
    padding:3px; 
    border:1px solid #d3d3d3; 
    display:none;
}
    div.advListBlock label 
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        color: #4d4c4c;
    }

div.foundCache
{
    float: left;
    margin: 8px;
    width: 202px;
    font-size:12px;
}

div.searchResult
{
    width: auto;
    min-height: 830px;
    height: auto;
}

div.leaderboardResultTable
{
    margin-top:25px;
    width: 100%;
    min-height: 760px;
    height: auto;
    overflow-x: auto;
}


table.leaderBoardTable {
    border-top:1px dotted #B2B2B2;
    margin-left: auto;
    margin-right: auto;
}
table.leaderBoardTable tr.header td
{
    border: 1px dotted #B2B2B2;
    color:#E52558;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

table.leaderBoardTable tr.header td.empty ,td.name
{
    border-left: none !important;
    border-right: none !important;
}

    table.leaderBoardTable tr.header td.left {
        border:none !important;
    }

table.leaderBoardTable img {
    max-width: 64px;
    height: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}

table.leaderBoardTable h4 {
    color:#E52558;
    font-size:15px;
}

table.leaderBoardTable  tr{
    border-bottom: 1px dotted #B2B2B2;
}

td.leaderBoardUserTd {
    width: 200px;
    padding-left:5px;
    border-right: 1px dotted #b2b2b2;
}

td.leaderBoardTableItems {
    width:55px;
    border-right:1px dotted #B2B2B2;
    text-align:center;
    font-size: 11px;
}

.leaderBoardDropdown, .leaderBoardSortType {
    float:left;
    margin-left:5px;
}

.leaderBoardSortType {
    float:left;
    margin-left:5px;
}


.leaderBoardDropdown select {
    margin-top:5px;
    margin-bottom:5px;
    width:158px !important;
}

div.smallSelect select{
    width:130px !important;
}

span.leaderBoardUserName{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 137px;
    color: #E52558;
    font-size: 15px;
}

span.leaderBoardUserCountry {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    font-size: 11px;
}

a.LeaderBoardSortAsc {
    background-image: url(images/downBlackAsc.png);
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 26px;
    float: left;
    margin-top:8px;
}

/*****************  termsOfUse      *************************/
.frmTermsOfUse 
{
    max-width: 100%;
}

div.buttonBar.termsOfUse
{
    float: left;
    width: 460px;
    margin-right: 10px;
}

div.termsOfUse input[type='checkbox']
{
   /* width: 20px;*/
}

div.buttonBar.termsOfUse a
{
    margin-right: 10px;
}

@media (max-width: 600px) {
    .buttonBar.termsOfUse
    {
        max-width:90%;
    }
}
/**************************************************/
 
/********** OWL Carousel *************************/

#owlCarousel .item{
  margin: 3px;
}
#owlCarousel .item img{
  display: block;
  width: 100%;
  height: auto;
}
/********** end OWL Carousel *********************/

@media (max-width: 601px) 
{
     .leaderboardToolBar div.leaderBoardSwitchers
    {
       margin-top: 8px !important;
    }
}

@media (max-width: 692px) 
{
    a.LeaderBoardSortAsc, a.LeaderBoardSortDesc
    {
        height: 18px !important;
        width: 20px !important;
        background-size: 100%;

    }

    .leaderBoardSortType 
    {
        margin-top: 5px;
    }

}

@media (max-width: 990px) 
{
    .leaderboardToolBar div.leaderBoardSwitchers
    {
        margin-top: 27px;
        margin-right: 0 !important;
        font-size: 0.7rem;
    }
}

a.LeaderBoardSortAscActive {
    background-image: url(images/downPinkAsc.png) !important;
}

a.LeaderBoardSortDesc {
    background-image: url(images/downBlackDesc.png);
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 26px;
    float: left;
    margin-top:8px;
}

    a.LeaderBoardSortDescActive {
        background-image: url(images/downPinkDesc.png) !important;
    }


div.mapSearchResult
{
    width: 650px;
    height: 830px;
    margin-left: 10px;
}


div.noData
{
    width: auto;
    height: 830px;
    text-align: center;
    vertical-align: middle;
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 200px;
}

div.headerButtons
{
    width: auto;
    height: 35px;
}

div.searchHeaderBarByGrid4
{
    width: 200px;
    height:36px;
    margin-left: 0px;
    background-color: #F3F4F6;
    border: 1px solid #E2E3E7;
    float:left;
}

div.searchHeaderBarLeft
{
    width: 200px;
    height:36px;
    margin-left: 32px;
    background-color: #F3F4F6;
    border: 1px solid #E2E3E7;
    float:left;
}

    div.searchHeaderBarLeft div, div.searchHeaderBarByGrid4 div
    {        
        margin: 3px;
        float: left;
        border: 1px solid #d3d3d3;
        width:192px;
        height: 28px;    
        padding: 0px;
        background-color: #ffffff;
    }

    div.searchHeaderBarLeft div input[type=text], div.searchHeaderBarByGrid4 div input[type=text]
    {
        
        margin: 1px;
        float: left;
        border: 0px solid;        
        width: 160px !important;
        height: 25px; 
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


div.searchHeaderBar
{
    width: 648px;
    height: 36px;
    margin-left: 70px;
    background-color: #F3F4F6;
    border: 1px solid #E2E3E7;
    float:left;
}

    div.searchHeaderBar img
    {
        margin: 2px;
    }

    div.searchHeaderBar label
    {
        height: 25px;
        margin: 3px;
        float: left;
        padding: 5px 5px 5px 0px;
        text-align: left;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        line-height: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div.searchHeaderBar select
    {
        margin: 3px;
        float: left;
        border: 1px solid #d3d3d3;
        padding: 5px;
        width: 150px;
        color: #4d4c4c;
        font: normal 12px Tahoma,Geneva,sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

div.criteriaBar 
{
    min-height: 25px;
    width: 648px;
    margin-left: 305px;
    margin-top:3px;
    color: #4d4c4c;
    font: normal 12px Tahoma,Geneva,sans-serif;
}
div.criteriaNearestBar {

    min-height: 25px;
    width: 648px;
    margin-left: 0px;
    margin-top:3px;
    color: #E42559;
    font: normal 12px Tahoma,Geneva,sans-serif;
}

div.smallSelect select
{
   
}

#lblSearchNearestCriteria.left
{
    margin-left:4px;
}

div.leaderBoardCriteriaBar 
{
    min-height: 35px;
    max-width:450px;
    margin: 5px 0px 5px 0px;
    color: #4d4c4c;
    float: left;
    line-height:30px;
    font-size: 17px;
    font-family: Tahoma,Geneva,sans-serif;
    text-transform: uppercase;

}

div.leaderBoardRankBar 
{
  min-height: 35px;
  max-width: 300px;
  margin: 5px 0px 5px 10px;
  font: italic 13px Tahoma,Geneva,sans-serif;
  float: left;
  color: #009DE0;
  font-weight: bold;
  line-height:30px;
}

input.loader
{
    background:url('images/AjaxLoading.gif');
    background-position:center;
    background-repeat:no-repeat;
    background-size:20px 20px;
}

a.changeView
{
    width: 150px;
    margin-left: 40px;
}


div.loginDiv
{
    line-height: 27px !important;
}

/*------------ DIALOG ------------*/
div.messageDialog
{
    display: none;
    z-Index: 999999 !important;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

    div.messageDialog div.image
    {
        float: left;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    div.messageDialog div.message
    {
        float: left;
        width: 330px;
        height: 30px;
        padding: 10px 0px 0px 10px;
    }

    div.messageDialog img
    {
        height: 30px;
    }

    div.messageDialog span
    {
        font-size: 11px;
    }

/**************  JQuery UI Dialog ********************/

.MsgDialogClass .ui-dialog-titlebar
{
    background: #DEDEDE;
}

.MsgDialogClass .ui-dialog-titlebar
{
    display: none;
}


/*******************  jquery-ui autocomplete **************************************/
.ui-widget-content
{
    font-size: 0.8em !important;
}

.tumbo-post
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

div.headerInfoRow
{
    width: auto;
    height: 20px;
}

div.headerInfoRowText
{
    padding: 5px 5px 5px 0px;
    text-align: left;
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
}

div.headerInfoRowCenterText
{
    padding: 5px 5px 5px 0px;
    text-align: left;
    font: bold 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    text-align: center;
    margin-top: 20px;
}

div.sponsorsContainer
{
    width: auto;
    margin: auto;
    min-height: 297px;
}

div.sponsorItem
{
    width: 192px;
    height: 292px;
    margin: 6px 14px 16px 0px;
    float: left;
}

/************************    cacheStatistics ******************************************/

div.cacheStatistics
{
    width: 970px;
    min-height: 140px;
    float: left;
}

    div.cacheStatistics div.contentTPS
    {
        float: left;
        width: 500px;
    }
    div.cacheStatistics div.content
    {
        /*float: left;*/
    }

    div.cacheStatistics div.chart
    {
        float: left;
        width: 650px;
        height: 400px;
    }

    div.cacheStatistics div.tpschart
    {
        width: 970px;
        height: 400px;
    }

    div.cacheStatistics div.chartPieSmallContainer
    {
        float: left;
        width: 480px;
        height: 480px;
    }

    div.cacheStatistics div.chartPieSmall
    {
        float: left;
        width: 480px;
        height: 480px;
    }

    div.cacheStatistics div.image
    {
        float: left;
        width: 680px;
    }

    div.cacheStatistics div.line
    {
        clear: both;
        border-bottom: solid 1px #E2E3E7;
        height: 1px;
        width: 100%;
        padding-top: 15px;
        margin-bottom: 15px;
    }

div.sectionTitle
{
    height: 40px;
    width: 970px;
    margin-left: 450px;
}

    div.sectionTitle span
    {
        height: 40px;
        width: 70px;
        text-align: center;
    }

div.cacheStatistics div.Info
{
    height: 20px;
}

div.Info span
{
    font: normal 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    width: 400px;
}

div.InfoNext span
{
    margin-left:20px;
    font: normal 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
}

div.InfoTotal span
{
    font: bold 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
}
/*********************               ********************************************/

a.actionLink
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
}

    a.actionLink:hover
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.actionLink:visited
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.actionLink:active
    {
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }


a.hintAction
{
    font: bold 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #ffffff;
    margin-left: 5px;
    background-color: #E52558;
    padding: 0 2px 0px 2px;
    cursor: pointer;
}

    a.hintAction:hover
    {
        font: bold 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #ffffff;
        margin-left: 5px;
        background-color: #E52558;
        padding: 0 2px 0px 2px;
        cursor: pointer;
    }

    a.hintAction:visited
    {
        font: bold 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #ffffff;
        margin-left: 5px;
        background-color: #E52558;
        padding: 0 2px 0px 2px;
        cursor: pointer;
    }

    a.hintAction:active
    {
        font: bold 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #ffffff;
        margin-left: 5px;
        background-color: #E52558;
        padding: 0 2px 0px 2px;
        cursor: pointer;
    }
/*-----------------------------------profile-------------------------------*/
a.profileLink
{
    text-decoration: none;
}

    a.profileLink :hover
    {
        text-decoration: none;
    }

    a.profileLink :visited
    {
        text-decoration: none;
    }

    a.profileLink :active
    {
        text-decoration: none;
    }

    a.profileLink img
    {
        border: 0px;
    }

a.actionResetLink
{
    font: normal 14px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    line-height:20px;
}

    a.actionResetLink:hover
    {
        font: normal 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.actionResetLink:visited
    {
        font: normal 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.actionResetLink:active
    {
        font: normal 14px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }
/***************    traditional        ***********************/
.dvAdopters
{
    border: solid 1px #E2E3E7;
    color: #4d4c4c;
    width: 280px;
    height: 120px;
    overflow: auto;
    margin-left: 18px;
    margin-top: 8px;
    font: normal 11.5px Tahoma,Geneva,sans-serif;
}



img.loadCover
{
    position: absolute;
    border-width: 0px;
    display: none;
    left: 0px;
    top: 0px;
    z-index: 2100;
}



div.SponsorOffers
{
    width: 200px;
    min-height: 50px;
    background-color: #fbdada;
    margin-bottom: 25px;
    border: solid 1px #E52558;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 5000;
    position: fixed;
    top: 0px;
    left: 0px;
}


div.forgotPasswordHeader
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    margin-bottom: 20px;
}

div.forgotPasswordLabel
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    width: 50px;
    height: 23px;
    vertical-align: middle;
    padding-top: 2px;
}

div.forgotPasswordItem
{
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    width: 290px;
}

div.forgotPasswordSend
{
    width: 324px;
    text-align: right;
    margin-top: 30px;
    height: 40px;
}

div.commonEditForm
{
    width: auto;
}

div.commonEditFormRow
{
    width: auto;
    margin: 5px;
    clear: both;
    height: 30px;
}

div.commonEditFormLabel
{
    float: left;
    text-align: right;
    width: 170px;
}

div.commonEditFormButton
{
    float: left;
    text-align: right;
    width: 440px;
}


div.commonEditFormControl
{
    width: auto;
    float: left;
    text-align: left;
}

div.commonEditFormControl input[type="text"], div.commonEditFormControl input[type="password"]
{
    width: 270px;
    float: left;
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin: 0px;
    color: #4d4c4c;
    font: normal 12px Tahoma,Geneva,sans-serif;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    
div.commonEditFormLabel label
{
    width: 170px;
    height: 25px;
    margin: 0px;
    float: left;
    padding: 5px 5px 5px 0px;
    text-align: right;
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.infoWindowContent
{
    margin-left: 20px;
    overflow: hidden;
}

    div.infoWindowContent div
    {
        margin: auto;
    }


div.descInfoWindowContent
{
   max-width:200px;
}

    div.descInfoWindowContent > div.title
    {
        font-weight: bold;
    }

div.decryptionHintContainer
{
    width: 209px;
    display: none;
}

div.decryptionHintTitle
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    line-height: 18px;
    width: 209px;
    text-align: center;
}

div.decryptionHint
{
    width: 209px;
    height: 40px;
    border-top: 1px solid #4d4c4c;
    border-bottom: 1px solid #4d4c4c;
}

div.decryptionHintItem
{
    width: 15px;
    height: 40px;
    text-align: center;
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    line-height: 18px;
    border-right: 1px solid #4d4c4c;
    float: left;
}

    div.decryptionHintItem:first-child
    {
        border-left: 1px solid #4d4c4c;
    }

ol.lower-roman
{
    list-style-type: lower-roman;
    margin: 1em 0;
}

    ol.lower-roman > li
    {
        margin-left: 1em;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        text-align: left;
        line-height: 18px;
    }

ol.upper-alpha
{
    list-style-type: upper-alpha;
    margin-left: 2.5em;
}

    ol.upper-alpha > li
    {
        margin-bottom: 1em;
        font: normal 12px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #4d4c4c;
        text-align: left;
        line-height: 18px;
    }

ul.normalText > li
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    text-align: left;
    line-height: 18px;
}


div.weatherDescription
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    text-align: left;
    line-height: 18px;
}

    div.weatherDescription a
    {
        cursor: pointer;
        color: #009DE0;
    }


a.showWeatherLink
{
    cursor: pointer;
}

    a.showWeatherLink > div
    {
        background-color: #f0f8ff;
        padding-left: 5px;
        padding-right: 8px;
        border: solid 1px #85d1f2;
        height: 34px;
    }

    a.showWeatherLink img
    {
        width: 30px !important;
        height: 30px !important;
    }


div.notAvailableWeather 
{
    padding-left: 5px;
    padding-right: 8px;
}

div.notAvailableWeather img
{
    width:35px;
    height:35px !important;
}

div.weatherTempDiv
{
    padding-left: 5px;
    padding-top:5px;
    float: left;
}

#dvWeatherPopupContent > div > div p.normalText
{
    text-transform: capitalize;
}


a.showWeatherLink:hover > div
{
    opacity: 0.7;
}

span.normalText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #4d4c4c;
    text-align: left;
    line-height: 18px;
}

.normalText
{
    font: normal 12px Tahoma,Geneva,sans-serif;
}


div.elips
{
    width: 172px;
}

    div.elips span
    {
        max-width: 172px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }

div.positivePoints span
{
    color:#21af4b !important;
}

div.negativePoints span
{
    color:#e83a3c !important;
}


.hiddenItem
{
    display:none;
}


div.educationDiv 
{
    width:180px;
    background-color:#f3f4f6;
    z-index:5000; 
    position:absolute;
    opacity: 1;
    border: solid 1px #d0d0d0;
    font-size:12px;
    color: #000000;
    font-style:italic;
    padding:5px;
    color:rgb(228, 37, 89);
    display:none;

}

div.smallLoaderDiv 
{
    width:160px;
    background-color:#f3f4f6;
    z-index:500; 
    display:none; 
    position:absolute;
    opacity: 0.7;
    border: solid 1px #d0d0d0;
    font-size:12px;
    color: #000000;
    font-style:italic;
}

    div.smallLoaderDiv table 
    {
        width:100%;
        height:100%;
    }

        div.smallLoaderDiv table tr td img 
        {
            width:20px !important;
            height:20px !important;
            vertical-align:middle;
        }

        div.smallLoaderDiv table tr td div 
        {
            width:130px;
            white-space:nowrap;
            margin:0px !important;
        }

        div.smallLoaderDiv table tr td div span
        {
            overflow:hidden;
            text-overflow:ellipsis;
            display:block;
            text-align:left;
        }



div.cacheLoaderDiv 
{
    width:180px;
    background-color:#f3f4f6;
    z-index:500; 
    display:none; 
    position:absolute;
    opacity: 0.7;
    border: solid 1px #d0d0d0;
    font-size:12px;
    color: #000000;
    font-style:italic;
    margin-left:9px !important;
}
    div.cacheLoaderDiv table 
    {
        width:100%;
        height:100%;
    }
        div.cacheLoaderDiv table tr td 
        {
            text-align:center;
        }
        div.cacheLoaderDiv table tr td img 
        {
            width:20px !important;
            height:20px !important;
            vertical-align:middle;
        }


div.cacheLogContainer div img 
{
    max-width:700px;
}

div.SearchLoaderText
{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom:5px;
    color:#4d4c4c;    
    position:absolute;   
    text-align:center;
    width:585px;
    font-weight:bold;
        
}

div.SearchLoader
{    
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom:5px;    
    background:url('images/mapsloading.gif') ;
    width:600px;
    height:23px;
    opacity:0.25;
    filter:alpha(opacity=25);
    background-repeat:repeat-x;
    background-color:#ccc;
    -webkit-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    border-color: #B6B7B8;
    border-width:1px;
    border-style:solid;
}

div.homeMapLoader
{    
     
    background:url('images/mapsloading.gif') ;
    width:665px;
    height:23px;
    opacity:0.25;
    filter:alpha(opacity=25);
    background-repeat:repeat-x;    
    position:absolute;
    display:none;
}



div.smallBoxMapContainer 
{
    height:300px;
}

div.tpsDetailContainer
{
   font-size: 9px  !important;
   font-family: Verdana,Arial,sans-serif  !important;
   font-weight: normal !important;
   line-height:20px;
}


div.cacheHeaderBanner
{
    width:100%;
    border:solid 1px #000000;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:5px;
}
    div.cacheHeaderBanner label {
        min-width:100px;
        border-right:solid 1px #808080;
        float:left;
        padding-left:5px;
        padding-right:5px;
        font: normal 12px Tahoma,Geneva,sans-serif;
        color:#000000;
    }

    div.cacheHeaderBanner a {
       margin-left:5px;
       cursor:pointer;
       text-decoration:none;
       font-size:12px;
       color: #0088cc;
    }

div.LCache
{
    background-color:#d0e6df;
}

div.CCache
{
    background-color:#f1e6d4;
}

div.TCache
{
    background-color:#dfe1d9;
}

.baner-list {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px 26px 0px 0px;
    border-left: 1px solid rgb(173, 205, 216);
    background-color: #f3f1ec ;
    width: 100%;
    border:1px solid #b2a99c;
    border-radius: 5px;
    margin-bottom:5px;
    font: normal 12px Tahoma,Geneva,sans-serif;
    margin-bottom:20px;
}

.baner-list li {
float: left;
height: 39px;
padding-left: 10px;
padding-right:10px;
line-height: 39px;
}


.baner-list li a {
padding-right: 8px;
padding-left: 8px;
color: #69605a;
text-decoration: none;
white-space: nowrap;
border-left: 1px solid #69605a;
text-transform: uppercase;
}


.baner-list li span {
padding-right: 8px;
padding-left: 8px;
color: #69605a;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
}


.baner-list li:first-child {
    background-color:#C9BBA8;
    font-weight:bold;
}

.baner-list li:last-child {
    float:right;
}


.baner-list li:last-child a {
  
}
    .baner-list li:last-child a:hover {
        text-decoration: underline;
    }


.baner-list li:first-child span {
border-left: none !important;
color: rgb(51, 41, 22);
text-shadow: rgb(231, 223, 206) 1px 1px;
}

/*********** class if cachelog has expired ******************/
.cacheLogEdit[disabled]  {
   opacity:0.5;
   pointer-events: none;
   cursor: default;
}
.cacheLogEdit[disabled]:hover {
    color: #888888;
}

/*****************  Cache Detail Small Box **********************/
 div.elipsCache
{
    width: 172px;
}

    div.elipsCache span
    {
        max-width: 172px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }
/*****************  Layout Header **********************/


/* header nav bar*/
#header .brand {
    margin-top: 0px !important;
    padding: 18px 20px;
    width: 132px;
}
#header.navbar {
    min-width: 1170px;
    margin-bottom: 0;
}
#header .navbar .nav > li > a{
    padding:0px !important;
}

.navbar-inverse .nav > li > a {
    color: #fff;
}

.navbar .nav > li > a {
    padding: 10px;
}

.navbar-inner, .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}


.navbar-height {
   
  
    margin-bottom:0px !important;
}
.user-info {
	margin-top: -8px;
}


#header .navbar-inner .nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header .navbar-inverse .brand, .navbar-inverse .nav > li > a{
    color: #fff;
}

#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
}

#header .navbar-inner li.dropdown .dropdown-toggle .label {
    position: relative;
    top:-3px;
    font-size: 9px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
}

#header.navbar-inverse .btn-navbar {
    background-image: none;
    margin-top: 10px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e9ebec;
    border-color: #caced1 #caced1 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#header.navbar-inverse .btn-navbar:hover {
    background-color: #caced1;
}

#header .navbar-inner {
    top:0px;
    width: 100%;
    margin: 0px !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header.navbar-inverse .navbar-inner {
    display:none; /*the element should be removed*/
    height: 45px;
    border:none !important;
}

#header.navbar-inverse .divider-vertical {
    height: 40px;
}

#header .navbar-search {
    margin-left: 110px;
}

#header .top-nav .dropdown-menu {
    margin-top: 3px;
}


div.dropdown.user-info a.dropdown-toggle.user >span.username
{
    text-overflow:ellipsis;
}

.top-menu {
    padding: 5px;
}

    .not {
        margin-top:-7px;
    }

#top_menu {
    margin-left:70px;
}

#top_user {
    margin-right:80px;
}

.headerMenuCenter 
{
    width:1170px;
    height:45px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px !important;
    padding-right:0px !important;
}

#header .dropdown .dropdown-toggle .caret {
    margin-top: 12px !important;
}

.user {
    color:#fff !important;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.sidebar-toggle-box {
    background: #427dae;
    color: #fff;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

#sidebar > ul > li > a {
    color: #fff !important;
}

#sidebar > ul > li a i {
    color: #fff !important;
    display: inline-block;
}


#sidebar > ul > li > ul.sub > li > a:hover, #sidebar > ul > li > ul.sub > li.active > a{
    background: #575757;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

#sidebar > ul > li.active > a, #sidebar > ul > li >a:hover, #sidebar > ul > li:hover>a{
    background: #4a8bc2;
}

#sidebar > ul > li > ul.sub > li > a {
    color: #a0a0a0;
}

.notify-row {
    float: left;
    padding: 5px;
}

.navbar-height {
   
    margin-bottom:0px !important;
}



/* custom dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000 !important;
    display: none;
    float: left;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 1px solid rgba(0, 2, 1, 0.2);
    -webkit-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -moz-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clipp: padding;
    background-clip: padding-box;
    padding: 0px 0;
    margin:0px;
    list-style: none;
    text-shadow: none;
}

.dropdown-menu.opens-left {
    margin-top: 2px;
    margin-left: -88px;
}

.ie8 .dropdown-menu.opens-left {
    margin-left: -82px;
}

.dropdown-menu.extended {
    top:40px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 235px !important;
}

.dropdown-menu.logout {
    width: 150px !important;
    min-width: 120px !important;
    max-width: 260px !important;
}

.dropdown-menu.extended li a{
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended .arrow{
    top:-14px;
    left: 10px;
    position: absolute;
    margin-top: 6px;
    margin-right: 12px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #f3f3f3;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.dropdown-menu.extended li i{
    margin-right: 3px;
}

.dropdown-menu.extended li a{
    padding: 10px !important;
    background-color: #fff !important;
}

.dropdown-menu.extended li:hover {
    background-color: #f3f3f3 !important;
    background-image: linear-gradient(to bottom, #f3f3f3, #f3f3f3);
    color:#000 !important;
}
.inbox li a:hover {
    background-color: #f3f3f3 !important;
    color:#000 !important;
}

.dropdown-menu.extended li p{
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    color: #666;
}

.dropdown-menu.extended li p.mark-as-read
{
    padding: 0 0 3px;
    text-align: center;
    margin-top: -10px;
}

    .dropdown-menu.extended li p.mark-as-read > a 
    {
        padding: 0 !important;
        display: inline-block;
        cursor: pointer;
        color: #ff0000;
        font-size: 12px;   
    } 

    .dropdown-menu.extended li p.mark-as-read > a:hover 
    {
       text-decoration: underline;
    } 

.dropdown-menu.extended li a{
    padding: 7px 0 5px 0px;
    list-style: none;
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    background-color:inherit !important;
    color: rgb(105, 96, 90);
}

.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 46px;
    width: 46px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #EEEEEE !important;
    background-image: none !important;
    color: #333333;
    filter: none;
    text-decoration: none;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.dropdown-menu > li > a:hover {
    background-color:#EEEEEE !important;
}













/*fontawesome*/

.fontawesome-icon-list .span3{
    margin-left: 0;
}
.fontawesome-icon-list .span3 i{
    font-size: 16px;
}
.fontawesome-icon-list .span3 a{
    color: #888888;
}

/* custom label and badges */
.notify-row .badge {
    position: absolute;
    top: -1px;
    z-index: 100;
    right: 1px;
}
.badge {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 2px 6px;
}
.label {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    padding: 5px !important;
}

.label-success, .badge-success {
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}

.label-warning, .badge-warning {
    background-color: #009DE0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DE0), color-stop(100%, #009DE0));
    background-image: -webkit-linear-gradient(top, #009DE0, #009DE0);
    background-image: -moz-linear-gradient(top, #009DE0, #009DE0);
    background-image: -ms-linear-gradient(top, #009DE0, #009DE0);
    background-image: -o-linear-gradient(top, #009DE0, #009DE0);
    background-image: linear-gradient(top, #009DE0, #009DE0);
}

.label-important, .badge-important {
    background-color: #E52558;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E52558), color-stop(100%, #E52558));
    background-image: -webkit-linear-gradient(top, #E52558, #E52558);
    background-image: -moz-linear-gradient(top, #E52558, #E52558);
    background-image: -ms-linear-gradient(top, #E52558, #E52558);
    background-image: -o-linear-gradient(top, #E52558, #E52558);
    background-image: linear-gradient(top, #E52558, #E52558);
}

.label-info, .badge-info {
    background-color: #32c2cd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32c2cd), color-stop(100%, #32c2cd));
    background-image: -webkit-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -moz-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -ms-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -o-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: linear-gradient(top, #32c2cd, #32c2cd);
}

.badge-pink {
    background-color: #F282A0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F282A0), color-stop(100%, #F282A0));
    background-image: -webkit-linear-gradient(top, #F282A0, #F282A0);
    background-image: -moz-linear-gradient(top, #F282A0, #F282A0);
    background-image: -ms-linear-gradient(top, #F282A0, #F282A0);
    background-image: -o-linear-gradient(top, #F282A0, #F282A0);
    background-image: linear-gradient(top, #F282A0, #F282A0);
}

.badge-notify-blue {
    background-color: #3bbef5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bbef5), color-stop(100%, #3bbef5));
    background-image: -webkit-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -moz-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -ms-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -o-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: linear-gradient(top, #3bbef5, #3bbef5);
}

.label-mini {
    font-size: 11px;
}

.notification span {
        margin-top:8px;
        margin-left:5px;
    }


    .notif-text {
        margin-top:-32px !important;
        margin-left:25px !important;
        text-decoration:none;
    }

    .notif-text:not(.reviewed) a
    {
        font-weight: bold !important;
    }


/* ***************  Cache Description   ******************* */

.cacheDescription {
 
    margin: 20px;
    margin-bottom:0px;
}

div.allCacheDesc
{
    
    float:left; 
    margin-right:10px;
    margin-top: 5px;
}

    div.allCacheDesc span
    {
        margin-left:30px;
       
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
        cursor: pointer;
    }
    div.allCacheDesc img {
        width:18px;
    }

.cacheDiv {
    text-align: center;
    background-color:#F3F4F6;
    border: 1px solid #E2E3E7;
    margin-top:5px;
}

    .cacheDiv span {
        float: left;
        margin-left: 5px;
        font-size:11px;
        width:200px;
    }

.cacheHide {
    border: 0px solid #808080;
    background-color:transparent;
    width: 53px;
    padding:0px;  
    margin-right: 200px;
}

    .cacheHide img {
        width:18px;
      
    }

/* ***************  combobox-autocomplete   ******************* */
 .ui-combobox 
    {		
        position: relative;		
        display: inline-block;	
    }	
    .ui-combobox-toggle 
    {		
        position: absolute;		
        top: 0;		
        bottom: 0;		
        margin-left: -1px;		
        padding: 0;		
        /* adjust styles for IE 6/7 */		
        *height: 1.7em;		
        *top: 0.1em;	}	
    .ui-combobox-input 
    {		
        margin: 0;		
        padding: 0.3em;	
        height:18px;
    }	
/* ***************  combobox-autocomplete   ******************* */
.clickable
{
    cursor:pointer;
}
/*------ Grid styles --------*/
.gridTable
{
    padding: 10px;
    border: 1px #c8c8c8 solid;
    border-collapse: collapse;
    font-family: Tahoma, Geneva, sans-serif;
    width: 100%;
    background-color: #fff;
    color: #282828;
    text-align: left;
}

.gridHead th
{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #282828;
    background-color: #CCC;
    padding: 10px;
}

.gridHead a:link, .gridHead a:visited, .gridHead a:active, .gridHead a:hover
{
    text-decoration: none;
    color: #282828;
}

.gridHead a:hover
{
    text-decoration: underline;
}

.gridTable tr
{
    font-size: 11px;
}

    .gridTable tr.gridAltRow
    {
        background-color: #efeeef;
    }

    .gridTable tr:hover
    {
        background-color: #DDD;
    }

.gridAltRow td
{
    padding: 10px;
    margin: 5px;
    color: #333;
}

.gridRow td
{
    color: #333;
    padding: 10px;
}

.gridFooter td
{
    padding: 10px;
    background-color: #CCC;
    color: #5E5B5B;
    font-size: 12px;
    text-align: center;
}


.gridFooter a
{
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}

.gridNotActiveUser
{
    padding: 10px;
    color: red;
}


/*------ Sponsored Users Grid styles --------*/
.sponsoredGridUserName
{
    text-align: center;
    width: 25px;
}

.sponsoredGridCountry
{
    text-align: center;
    width: 25px;
}

.sponsoredGridProvince
{
    text-align: center;
    width: 25px;
}

.sponsoredGridCity
{
    text-align: center;
    width: 25px;
}

.sponsoredGridLastVisit
{
    text-align: center;
    width: 25px;
}

.sponsoredGridUCR
{
    text-align: center;
    width: 25px;
}

.sponsoredGridPhoto
{
    text-align: center;
    width: 25px;
}

.sponsoredGridUserName
{
    text-align: center;
    width: 25px;
}

div.dvUserPic 
{
   width:50px;
   text-align:center;
   float: left;
   padding: 5px;
}

div.dvUserPic img 
{
    margin:auto;
    max-width:50px;
}

div.leaderboardToolBar
{
    height: 40px;
    width: 108%;
    background-color: #F3F4F6;
    border: 1px solid #E2E3E7;
    margin-left: -35px;
}

div.leaderBoardSwitchers {
    float:right;
	margin-top:8px;
	margin-right:5px;
}

a.leaderBoardGrid, a.leaderBoardList {
	color:#E52558;
	float:left;
	margin-right:3px;
}


.leaderBoardPager {
    margin-left:0px !important;
    margin-right:0px !important;
}

div.leaderboardToolBarItem
{
    width:200px;
    height:60px;
    border-right:1px solid #E2E3E7;
    float:left;
}

div.leaderboardToolBarSubItem
{
    width:200px;
    height:30px;
    border-right:1px solid #E2E3E7;
    clear:both;
    overflow:hidden;
    text-overflow:ellipsis;
}
div.leaderboardToolBarSubItemHeader
{
    width:200px;
    height:30px;
    border-right:1px solid #E2E3E7;
    border-bottom:1px solid #E2E3E7;
    clear:both;
    overflow:hidden;
    text-overflow:ellipsis;
    background-color:#C9BBA8;
}

span.leaderboardToolBarSubItem
{
    margin:7px 7px 7px 7px;
    font: normal 9px Tahoma,Geneva,sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    clear:both;
    width:190px;
}

span.leaderboardToolBarSubItemHeader
{
    margin:7px 7px 7px 7px;
    font: bold 9px Tahoma,Geneva,sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    clear:both;
    width:190px;
}


/*-------------last item------------------------------------------*/
div.leaderboardToolBarItemLast
{
    width:120px;
    height:60px;
    border-right:1px solid #E2E3E7;
    float:left;
}

div.leaderboardToolBarSubItemLast
{
    width:120px;
    height:30px;
    border-right:1px solid #E2E3E7;
    clear:both;
    overflow:hidden;
    text-overflow:ellipsis;
}
div.leaderboardToolBarSubItemHeaderLast
{
    width:120px;
    height:30px;
    border-right:1px solid #E2E3E7;
    border-bottom:1px solid #E2E3E7;
    clear:both;
    overflow:hidden;
    text-overflow:ellipsis;
    background-color:#C9BBA8;
}

span.leaderboardToolBarSubItemLast
{
    margin:7px 7px 7px 7px;
    font: normal 9px Tahoma,Geneva,sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    clear:both;
    width:110px;
}

span.leaderboardToolBarSubItemHeaderLast
{
    margin:7px 7px 7px 7px;
    font: bold 9px Tahoma,Geneva,sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    clear:both;
    width:110px;
}

div.leaderboardToolBarManageView
{
    margin:10px;
}



#divSponsoredPartial .sponsoredPartialLoader
{
    width:100%;
    height:400px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#divOffersPartial .offersPartialLoader
{
    width:100%;
    height:250px;
    display: flex;
    align-items: center;
    justify-content: center;
}



table.sponsorshipTable 
{
    border-top:1px dotted #B2B2B2;
}

table.sponsorshipTable img 
{
    max-width:64px;
}

table.sponsorshipTable h4 
{
    color:#E52558;
    font-size:15px;
}

table.sponsorshipTable  tr
{
    border-bottom: 1px dotted #B2B2B2;
}

table.sponsorshipTable tr.header td
{
    border: 1px dotted #B2B2B2;
    color:#E52558;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

table.sponsorshipTable tr.header td.empty
{
    border-left: none;
    border-right: none;
}

td.sponsorshipTableItem {
    border-right:1px dotted #B2B2B2;
    text-align:center;
    font-size: 11px;
}
    td.sponsorshipTableItem span 
    {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }

        td.sponsorshipTableItem span.userName {
                color:#E52558;
                font-size:15px;
        }

div.sponsorshipToolBar
{
    height: 40px;
    width: 100%;
    background-color: #F3F4F6;
    border: 1px solid #E2E3E7;

}

.sponsorshipDropdown, .sponsorshipSortType {
    float:left;
    margin-left:5px;
}

.sponsorshipDropdown select {
    margin-top:5px
}


div.sponsorshipSwitchers {
    float:right;
	margin-top:8px;
	margin-right:10px;
}

a.sponsorshipList {
    background-image:url(images/gridgraysmall.png);
	display:block;
	height:24px;
	text-indent:-9999px;
	width:25px;
	float:left;
	margin-right:3px;
}

    a.sponsorshipList:hover {
        background-image:url(images/gridactivesmall.png);
    }

a.sponsorshipGrid {
    background-image:url(images/listgreysmall.png);
	display:block;
	height:24px;
	text-indent:-9999px;
	width:28px;
	float:left;
}

    a.sponsorshipGrid:hover {
        background-image:url(images/listactivesmall.png);
    }

    .sponsorshipListActive{
		background-image:url(images/gridactivesmall.png) !important;
	}
	
	.sponsorshipGridActive{
		background-image:url(images/listactivesmall.png) !important;
	}


 a.sponsorshipSortAsc 
{
    background-image: url(images/downBlackAsc.png);
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 26px;
    float: left;
    margin-top:8px;
    cursor:pointer;
}

    a.sponsorshipSortAscActive {
        background-image: url(images/downPinkAsc.png) !important;
    }

a.sponsorshipSortDesc 
{
    background-image: url(images/downBlackDesc.png);
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 26px;
    float: left;
    margin-top:8px;
    cursor:pointer;
}

    a.sponsorshipSortDescActive {
        background-image: url(images/downPinkDesc.png) !important;
    }

div.sponsoredSearchResultPager
{
    width: auto;
}

div.sortCache
{
    width:60px;
    height:30px;
    border:0px solid;
    margin:2px;
    float:left;
    display:none;
}

a.sortCacheAsc
{
   background-image: url(images/downBlackAsc.png);
   display:block;
   float:left;
   height:25px;
   width:25px;
   margin: 3px 0px 3px 0px;
}


a.sortCacheAscActive
{
   background-image: url(images/downPinkAsc.png);
   display:block;
   float:left;
   height:25px;
   width:25px;
   margin: 3px 0px 3px 0px;
}

a.sortCacheDesc
{
   background-image: url(images/downBlackDesc.png);
   display:block;
   float:left;
   height:25px;
   width:25px;
   margin: 3px 0px 3px 0px;
}

a.sortCacheDescActive
{
   background-image: url(images/downPinkDesc.png);
   display:block;
   float:left;
   height:25px;
   width:25px;
   margin: 3px 0px 3px 0px;
}

input[type=button].gpxDownload
{
    width:120px !important; 
    margin-right:5px; 
    margin-top:3px;
    float:right; 
}

div.sortByDiv
{
    width: 182px;
}

div.sortByDiv > span.RowNumber 
{
    color: #F00;
}

div.sortByDiv > span.sortText
{
    color: #555;
}

div.sortByDiv > span.sortVal
{
    color: #555;
    font-style:italic;
}


div.smallProfileUcr {
    width:80px;
}

    div.smallProfileUcr span {
        max-width: 80px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

div.smallProfileJoin {
    width:100px;
}

    div.smallProfileJoin span {
        max-width: 100px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

a.profileLink div {
    display:block !important;
    max-width:192px !important;
}

/* ****************** Delete Selected Files ********************** */
div.delCacheAttachmentImg {
    float: left;
    padding: 2px 7px 0px 7px;
}

div.delCacheAttachmentText {
    float: left;
    padding: 4px 0px 0px 3px;
}

    div.delCacheAttachmentText a {
        color:#58595B;
    }

        div.delCacheAttachmentText a:hover {
            color:#E52558;
        }

div.delCacheAttachment {
    display:none;
}

div.delCacheAttachment {
    height:25px;
}

div.topPanel
{
    width:670px;
    margin:10px;
}

.searchByUserInput {
    background:url('images/search.png');
    background-position:right;
    background-repeat:no-repeat;
    background-size: 22px 22px;
    width: 155px !important;
    padding-right: 0px;
}

#dvLeaderBoardTileContainer {
    margin-top:0px !important;
}

/* ****************** LeaderBoard Global Search ************************** */

div.searchDivBlockGlobal {
    height: 43px;
    margin-bottom: 26px;
}

    div.searchDivBlockGlobal #globalSearchButton {
        height: 42px;
        width: 41px;
        background-color: #E52558;
        background-image: url(images/search_white_16.png);
        background-repeat: no-repeat;
        background-position: center;
        border: 0px;
        margin-left: -4px;
    }

       div.searchDivBlockGlobal #globalSearchButton:hover {
             background-color: #F17395;
        }

    div.searchDivBlockGlobal input[type="text"] {
        width: 204px;
        height: 38px;
        border: 1px solid #D3D3D3;
        border-right:0px;
        padding-left:5px;
    }

div.lProfile {
    min-height:380px;
    max-height:500px;
    overflow-y:scroll;
}

div.lProfileItem {
    min-height: 40px;
    padding-top: 10px;
    border-bottom: 1px dotted #ddd;
    cursor:pointer;
    font-size: 1.3em;
}

    div.lProfileItem:hover {
        color:#E52558;
        background-color:#F3F4F6;
    }

    div.lProfileItem div {
        float:left;
    }

div.noLeaderBoard {
    text-align: center;
    vertical-align: middle;
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    padding:75px;
}

div.dvCacheTitle {
    height:46px;
    border-bottom: 1px solid #D3D3D3;
    margin-bottom:15px;
    width:95%;
}

div.dvCacheTitle .CacheTitle
{
    font: normal 22px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: left;
}
div.dvCacheTitle span
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #69605a;
    text-align: left;
}

sub.subRed
{
    color:#E52558;
}

textarea.pointDesc {
    margin-top: 11px;
    float: right !important;
    margin-right: 83px;
}

input.pointTitle {
    float: left;
    margin-top: 10px !important;
    margin-left: 0px !important;
}

.trash {
    background-image:url("../custom/images/trash.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    float: left;
    margin-left: 5px;
}

img.fancyThumbnail
{
    margin:5px;
}
div.fancyThumbnailContainer
{
    margin-right: 5px; 
    margin-left: 5px;
    background-color:#E2E3E7;
    border:1px solid #d3d3d3;    
    text-align:center;
    
}

div.fancyThumbnailTitle
{
    margin-bottom:5px;
    margin-left:5px;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color:#000000;
    overflow:hidden;    
    text-align:left;
}

div.leftWaypoints {
    height: 400px;
    width: 205px;
    border: 1px solid #d3d3d3;
    border-bottom: 0px;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
}



div.mainWaypoint
{
    width: 190px;
    height: 40px;
    border: solid 1px #d3d3d3;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-radius: 3px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2px;
    margin-bottom:2px;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #FAFAFA), color-stop(1, #D6D2D6) );
    background-image: -o-linear-gradient(bottom, #FAFAFA 20%, #D6D2D6 100%);
    background-image: -moz-linear-gradient(bottom, #FAFAFA 20%, #D6D2D6 100%);
    background-image: -webkit-linear-gradient(bottom, #FAFAFA 20%, #D6D2D6 100%);
    background-image: -ms-linear-gradient(bottom, #FAFAFA 20%, #D6D2D6 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 20%, #D6D2D6 100%);
}

div.waypointHeader
{
    width: 185px;
    height: 15px;
    margin: 2px;
    font: bold 12px Tahoma,Geneva,sans-serif;
    color: #4D4C4C;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

div.waypointBody
{
    width: 185px;
    height: 15px;
    margin: 2px;
    font: normal 13px Tahoma,Geneva,sans-serif;
    color: #4D4C4C;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}


div.mainWaypointSelected
{
    border: dashed 1px #6b0404 !important;
}

.legendMarker 
{
    width: 13px;
    height: 13px;
    float: left;
    margin-right:5px;
    margin-top:2px;
}

.customLegend 
{
    list-style:none;
    font: normal 13px Arial,Tahoma,Geneva,sans-serif;
    color:#222;
    margin-bottom:5px;
}

/*************** TPS Detail *********************/
#TPSNearestCachesLink 
{ 
    font-weight: bold; 
    text-decoration: none; 
    margin: 3px; 
    color: #0088cc;
    margin-right: 250px;

}

#TPSNearestCachesLink:hover 
{ 
    text-decoration: underline; 

}



/*************** User Caches Page *********************/
div.userCachesBox {
    width: 860px;
    margin:15px auto 15px auto;
    display:table;
}

    div.userCachesBox div.userCachesToolbar {
        height: 38px;
        width: 100%;
        background-color: #F3F4F6;
        border: 1px solid #E2E3E7;
        display:table-cell;
        vertical-align:middle;
    }

        div.userCachesBox div.userCachesToolbar select {
            width:auto;
            margin:0px;
        }

        div.userCachesBox div.userCachesToolbar div.toolbarItem {
            float: left;
            margin: 2px;
            padding: 2px;
            max-height:30px;
        }

            div.userCachesBox div.userCachesToolbar div.toolbarItem a.LeaderBoardSortAsc, a.LeaderBoardSortDesc {
                margin-top:4px;
            }

    div.userCachesBox div.foundCache {
        float: left;
        margin: 15px;
        max-width: 202px;
        width:auto;
    }

    .scrollToTop{
        width: 40px;
        height: 40px;
        padding: 10px;
        text-align: center;
        background-color: #F3F4F6;
        font-weight: bold;
        color: #444;
        text-decoration: none;
        position: fixed;
        bottom:40px;
        right: 40px;
        display: none;
        border-radius: 5px;
    }

        .scrollToTop a{
            width: 40px;
            height: 40px;
            background-image: url('images/up-arrow.png');
            background-size: cover;
            display: block;
        }

        .scrollToTop:hover{
	        text-decoration:none;
        }

img.cacheLoadCover {
    position: fixed;
    border-width: 0px;
    display: none;
    left: 50%;
    bottom: 250px;
    z-index: 2100;
}

div.userCachesResultTile {
    min-height:500px;
}

    div.userCachesResultTile div.noData {
        width: auto;
        height: 100px;
        text-align: center;
        vertical-align: middle;
        font: normal 22px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
    }

div.foundCache div.foundCacheSorting {
    padding: 1px;
    font-size: 12px;
    width: 180px;
    white-space: nowrap;
}

    div.foundCache div.foundCacheSorting span.sortText {
        display:block;
        float:left;
    }

    div.foundCache div.foundCacheSorting span.RowNumber {
        color:#E52558;
        display:block;
        float:left;
    }

    div.foundCache div.foundCacheSorting span.sortVal {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 185px;
        width:auto;
        display: inline-block;
    }

/*****************************************************/
/***************** COMMUNITY SHOWCASE ****************/

 .instagramContainer #insta-feed 
 {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
 }

 .instagramContainer #insta-feed a
 {
    padding: 0;
    display: block;
    float: none;
    max-width: 20%;
    box-sizing: border-box;
}

.insta-post
    {
        box-sizing: border-box;
        float: none;
        width: 198px;
        max-width: calc((100%) - 20px);
        height: 222px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 20px;
        border: solid 1px #AAA;
        box-shadow: 3px 3px 3px 0px #AAA;
        text-align:center;
    }
    .insta-post.last 
    {
          margin-right: 0;
    }

        .insta-post:hover
        {
            transition: all 0.5s;
            background-color: #f3f4f6;
            opacity: 0.9;
        }

        .insta-post > img.main
        {
             max-width: calc((100%) - 10px);
            width: 186px;
            margin-bottom: 0px;
            border: solid 1px #CCC;
            display: block;
            margin: 5px auto !important;
        }

        .insta-post img:not(.main)
        {
            margin-left: 7px;
        }

        .insta-post > span
        {
            position: relative;
            top: 2px;
            margin-left: 4px;
            font-size: 16px;
            color: #e52558;
            font-weight:bold;
        }

        .insta-post > a
        {
            float: right;
            margin-right: 8px;
        }


    div.instagramContainer
    {
        width: 100%;
        margin-top: 50px;
    }

        div.instagramContainer div.line2
        {
            width: 310px;
            height: 40px;
            border: 0;
            border-bottom: 3px double #dcdbdb;
            margin-bottom: 30px;
        }

        div.instagramContainer div.title
        {
            width: 360px;
            line-height: 40px;
            text-transform: uppercase;
            margin-top: 10px;
            text-align: center;
            color: #000;
            font: normal 22px Tahoma,Geneva,sans-serif;
        }

            div.instagramContainer div.title h1
            {
                font: normal 22px Tahoma,Geneva,sans-serif !important;
            }

        div.instagramContainer div.subTitle
        {
            margin-bottom: 15px;
            color: #b5b4b4;
        }


            div.instagramContainer div.subTitle h4
            {
                margin-bottom: 0px;
            }

            div.instagramContainer div.subTitle a
            {
                color: #b5b4b4;
                text-decoration: none;
                font-size: 1em;
            }

                div.instagramContainer div.subTitle a:hover
                {
                    color: #333;
                }


@media (max-width:830px) and (min-width:620px)
{
    .instagramContainer #insta-feed a
    {
        max-width:25%;
    }
}

@media (max-width:619px) and (min-width:510px)
{
    .instagramContainer #insta-feed a
    {
        max-width:33%;
    }
}

@media (max-width:509px) and (min-width:321px)
{
    .instagramContainer #insta-feed a
    {
        max-width:50%;
    }
}

@media (max-width: 320px) 
{
    .canvasBodyContent div.instagramContainer {
      
        padding-left: 5px !important;
    }
     .instagramContainer #insta-feed a
    {
        max-width:100%;
    }
}
@media (max-width: 600px) and (min-width: 510px) 
{
    .instagramContainer #insta-feed a .insta-post {
    
        height: 185px;
    }
}

@media (max-width: 350px) and (min-width: 321px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 170px !important;
    }
}
@media (max-width: 380px) and (min-width: 351px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 180px !important;
    }
}

@media (max-width: 509px) and (min-width: 381px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 195px !important;
    }
}

@media (max-width: 1024px) and (min-width:376px)
{
     .insta-post {
  
        width: 165px !important;
      
    }
}

@media (max-width: 1024px) and (min-width:601px)
{
     .insta-post {        
        height: 190px !important;
    }
}
@media (max-width: 375px) and (min-width:361px)
{
     .insta-post {
  
        width: 155px !important;
        height: 170px !important;
    }
}

@media (max-width: 619px) and (min-width: 361px)
{
    
    
    .instagramContainer #insta-feed 
    {
        margin-left:0 !important;
    }
 

  
}
@media (max-width: 1024px) and (min-width:376px)
{
     .insta-post {
  
        width: 165px !important;
      
    }
}

@media (max-width: 1024px) and (min-width:601px)
{
     .insta-post {        
        height: 190px !important;
    }
}
@media (max-width: 375px) and (min-width:361px)
{
     .insta-post {
  
        width: 155px !important;
        height: 170px !important;
    }
}

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

/************ Style for floating divs  ************/
.left{
    float:left !important;
}

.right{
    float:right !important;
}
/**********************************************/

/************ Style For Header Search Block  ************/

li.searchGlobalLi{
    margin-top:-3px;
}
.searchGlobalLi div.headerSearchDivBlock
{
    max-width:220px;
    display:flex;
    justify-content: space-between;
}

li.searchGlobalLi div.headerSearchDivBlock input[type="text"]{
    width: 180px;
    height: 26px;
    border: 1px solid #D3D3D3;
    border-right: 0px;
    padding-left: 5px;
    margin-left: 10px;
}

li.searchGlobalLi div.headerSearchDivBlock input[type="button"] {
  height: 30px;
  width: 35px;
  background-color: #E52558;
  background-image: url(images/search_white_16.png);
  background-repeat: no-repeat;
  background-position: center;
  border: 0px;
  margin-left: -4px;
}

li.searchGlobalLi div.headerSearchDivBlock form{
    margin:0 !important;
}

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


div.adjustedDatePopup 
{
    width:300px;
    height:125px;
    background-color:#f3f4f6;
    z-index:500; 
    display:none; 
    position:absolute;
    border: solid 1px #d0d0d0;
    font-size:12px;
    color: #000000;
    font-style:italic;
    padding:5px;
}
    div.adjustedDatePopup div.header 
    {
        font-size:14px;
        font-style:normal;
        font-weight:bold;
        text-align:center;
        padding-bottom:3px;
    }

/************ Style For LeaderBoardProfile  ************/
div.profileContainer{
    width: 100%;
    float: left;
    margin-top: 15px;
}

.profileTitle{
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight:500;
    float: left;
}

div.titleContainer{
    height:40px;
}

p.leaderboardTitle{
    color: #009DE0;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    float: left;
}

a.boardArrow{
    padding: 5px;
    line-height: 28px;
}

    a.boardArrow img{
        width: 8px;
        height: auto;
    }

    a.collapsed img{
        transform: rotate(-180deg);
        transition: .3s;
    }

div.rankInfo ul{
      list-style: none;
      font-size: 15px;
      line-height: 30px;
      margin-top: 0px;
}

    div.rankInfo ul li a{
        border-bottom:1px dotted #ddd;
        margin: 0;
        padding: 5px 2px;
        color:#69605A;
        width: 99%;
        display: block;
    }

/***************  tinymce Editor - overwriting Status bar styles  ****************************************/
.mce-statusbar .mce-first {
    display: none !important;
}
.mce-path-item .mce-last {
    display: none !important;
}
.mce-statusbar .mce-container-body {
    height: 35px !important;
}
.mce-statusbar .mce-label {
    width: 100px !important;
}
    
/*******************************************************/
.pac-container {
    z-index: 9999 !important;
}

.cz-container{
    width: 209px !important;
    left: 32px;
    background-color: #fff;
    height: 27px;
    box-shadow: none;
    border: 1px solid #ccc;
}

.ccInput{
    height: 25px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 2px;
    width: 310px;
}

#ddlCacheRange{
    width:209px !important;
}


/***************  LeaderBoard Offers Styles  ****************************/
.offersContainer{
    height:35px;
}

a.offerButton{
    cursor: pointer;
    min-width: 170px;
    display: block;
    background-color: #58ae51;
    color: #fff;
    height: 15px;
    float: left;
    line-height: 15px;
    margin-top: 0;
    text-align: center;
    padding: 10px;
}

a.previewButton{
    cursor: pointer;
    background-color: #58ae51;
    width: 95px;
    height: 27px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    text-decoration: none;
    padding-top: 8px;
    text-align: center;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

a.offerPreviewButton{
    cursor: pointer;
    border: 1px solid #58ae51;
    width: 290px;
    height: 27px;
    color: #0C0C0C;
    float: left;
    line-height: 28px;
    text-decoration: none;
    padding: 3px;
    text-align: center;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}


/*************** End LeaderBoard Offers Styles  ****************************/

.showAdvDiv {
     margin-left: 60px;
}

/********************************* New Search *****************************/
.newSearchUOM 
{
  border: 1px solid #d3d3d3;
  padding: 5px;
  width: 91px;
  color: #4d4c4c;
  font: normal 12px Tahoma,Geneva,sans-serif;
  margin-left:5px;
  float:left;
}


 .ui-widget-header {
            background: #cedc98;
            border: 1px solid #DDDDDD;
            color: #333333;
            font-weight: bold;
         }

    .gpxProgBarLabel {
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        vertical-align: middle;
    }
    .gpxProgBar {
         text-align: center;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    }

    /****************************  Cache Hunt Enhanced Features  *********************************************/
    .EFbutton {
	-moz-box-shadow: 0px 10px 14px -7px #b3b3b3;
	-webkit-box-shadow: 0px 10px 14px -7px #b3b3b3;
	box-shadow: 0px 10px 14px -7px #b3b3b3;
	/*-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;*/
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);*/

	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8da551), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #8da551 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #8da551 5%, #408c99 100%);
	background:-o-linear-gradient(top, #8da551 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #8da551 5%, #408c99 100%);
	background:linear-gradient(to bottom, #8da551 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8da551', endColorstr='#408c99',GradientType=0);*/
	
    background-color:#8da551;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:13px 18px;

	text-decoration:none;
	text-shadow:0px 1px 0px #596933;
    width:232px;
    margin-top:15px;
}
.EFbutton:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #8da551));
	background:-moz-linear-gradient(top, #408c99 5%, #8da551 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #8da551 100%);
	background:-o-linear-gradient(top, #408c99 5%, #8da551 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #8da551 100%);
	background:linear-gradient(to bottom, #408c99 5%, #8da551 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#8da551',GradientType=0);*/
	background-color:#708440;
}
.EFbutton:active {
	position:relative;
	top:1px;
}

/*************************************************************/
 .play-button {
    height: 30px;
    width: 40px;    
    background-color: #848484;
    border-radius: 5px;
    position: relative;
    margin-left: 10px;
    margin-top: 5px;
}

.play-button:hover {
    background-color: #CC181E;
}

.play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 6.3px;
    left: 14px;
    margin: 0 auto;
    border-style: solid;
    border-width: 9.5px 0 9.5px 17px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}
/********************************************************************************/

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



/***********************Education Data Popup**************/
div.education-data {
    position: fixed;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-Index: 999999 !important;
    width: 500px;
    height: 240px;
    background-color: #FFF;
    filter: alpha(opacity=90);
    padding: 15px;
    font-size:16px;
    line-height:1.5;
    border: 1px solid #c8cacb;
}

    div.education-data > div
    {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    div.education-data div.header
    {
        float: left;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 10px;
        font-size:20px;
    }

        div.education-data div.header img
        {
            width: auto;
            height: 80px;
            outline: none;
        }

    div.education-data div.educ-close
    {
        width: 5%;
        float: left;
        text-align: right;
        cursor: pointer;
    }


        div.education-data div.educ-close:hover
        {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }
      
      
            div.education-data div.info input[type="button"]:hover
            {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }
    div.education-data div.text 
    {
        margin:5px;    
    }
    
/*******************Ending Educattion Data Popu***********/




.instagramContainer .dvLoaderShowcase 
{
    height:200px;
    line-height:200px;
    text-align:center;
}

.instagramContainer .dvLoaderShowcase img
{
    vertical-align: middle;
}

div.highlightedCaches 
{
    margin-bottom:10px;
}

div.highlightedCaches h3.headerText 
{
    display:inline-block;
    margin:0;
}

div.highlightedCaches a
{
     display:inline-block;
}

div.highlightedCaches a h4 
{
    font: normal 16px Tahoma,Geneva,sans-serif;
    margin:0;
}


.homeFooterItemHeader h3.headerText {
   margin-top:0;
}


#top_menu ul.nav.top-menu
{
    z-index:8;
}

.headerMenuItemLang #dvLangContainer
{
    z-index:8;
}

.middleMenuHeader
{
    position:relative; 
    z-index:7;
}

#dvActionFeed .actionFeedLoader
{
    width:300px;
    height:200px;
}

#dvActionFeed .actionFeedLoader img
{
    margin-left:125px; 
    margin-top:100px;
}

#dvCacheTypeSelectDialog .cacheTypeChooser 
{
    width:450px;
    margin:auto;
    display:flex;
}


    #dvCacheTypeSelectDialog .cacheTypeChooser .CacheType a
    {
        font-size:11px;
        margin: auto;
    }
    
    #dvCacheTypeSelectDialog .cacheTypeChooser .CacheType a img
    {
       width:110px; height:100px;
    }

#cacheHuntDialog, #dvMapCachesSmall, #cacheCommentsPopupDiv, .loginDialog #lblErrorMessage
{
    display:none;
}

#dvLogin .loginDiv form 
{
    margin-bottom:5px;
}

#dvLogin .loginDiv td.loginDialogButton
{
    text-align:right;
}

#dvLogin .loginDiv td.forgotPassword
{
    text-align:right;
}

#dvStore, #dvBlog, #dvForums 
{
    overflow: hidden;
    display: none;
}

.headerMenuItemIcon img.insta_menu 
{
    width:25px;
    height:auto;
}

.cacheSubText.show 
{
    display:block;
}
.cacheSubText.hide
{
    display:none;
}

#dvLogin
{
    display:none;
}

td.dvSmallLoaderImgContainer 
{
    width:25px;
}

div.SEOKeywords
{
    display:none;
}


body 
{
    overflow-x:hidden;
}

.headerContainer .headerBar.headerBarMenu .headerMenuRightSection
{
    float: right;
    display: flex;
}

.middleMenuHeaderMobile
{
    height:auto;
    display:none;
    justify-content: center;
    margin: 15px 0 7px 0;
    position: relative;
    z-index:1000;
}
.middleMenuHeaderMobile.logged-out
{
    justify-content:flex-end;
}
.middleMenuHeader
{
    display:block;
}

.middleMenuHeaderMobile div.middleMenuItemLogoMargin 
{
    margin:0 !important;
    width:auto;
    height:auto;
    float:left;

}

.middleMenuHeaderMobile div.mobile_menu ul.list {
    position: absolute;
    z-index: 99999 !important;
    width: 100%;
    margin: 0;
    display: none;
    left: 0;
    list-style-type:none;
    padding:0 !important;
}

.middleMenuHeaderMobile.logged-out div.mobile_menu
{
    padding-right:15px;
}



.middleMenuHeaderMobile div.mobile_menu ul.list
{
      top: 44px;
}

.middleMenuHeaderMobile.logged-out div.mobile_menu ul.list
{
      top: 42px;
}

.middleMenuHeaderMobile div.mobile_menu ul.list li
{
      background-color: rgb(112, 104, 98);
      border-bottom: 1px solid rgb(255,255,255);
}

.middleMenuHeaderMobile div.mobile_menu ul.list li a {
    display: block;
    padding: 13px 30px;
    color: #fff;
  
    text-decoration: none;
    outline: none;
   
    font-size: 14px;
    text-transform: uppercase;
}


.headerMenuItemLang.mobile_plus a.hide_lang 
{
    display: none;
}

#cacheHuntMenu .dvCloseCacheHuntDialog 
{
    display:none;
    top: 8px;
    width: 100%;
    position: absolute;
    text-align: right;
}

#lnkCloseCacheHuntDialog 
{
    margin-right:10px;
}

#lnkCloseCacheHuntDialog img
{
    width:20px;
    height:auto;
}

 .imgCarouselLoader, #divSponsoredPartial #imgLoader,  #dvTTPSChart #imgTTPSLoader, .chartPieSmall img.loadCover, img.cacheLoadCover, #dvLeaderBoardTileContainer #dvLeaderBoardTile #imgLoader, #dvLeaderBoardTableContainer #dvLeaderBoardTable #imgLoader, #dvContent #imgLoader
    {
        top: 50% !important;
        left: 50% !important;
        margin-top: -24px !important;
        margin-left: -24px !important;
    }
 #dvTTPSChart
 {
     position:relative;
 }
  .dvVavigationToolbar
  {
      width:100%;
      display:flex;
  }

  .dvVavigationToolbar>div
  {
      float:none !important;
  }

  .dvVavigationToolbar .dvPrev
  {
      width:100% !important;
  }

   .dvVavigationToolbar .dvNext
  {
      width:100px !important;
  }

div.cacheStatistics div.chartPieSmall 
{
    position:relative !important;
}


.cacheSmallBox
{
    position:relative;
}
.cacheSmallBox .cacheLoaderDiv
{
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.cacheSmallBox div.cacheCover {
    width: 100% !important;
    height: 100% !important;
}

#dvLeaderBoardTileContainer #dvLeaderBoardTile, #dvLeaderBoardTableContainer #dvLeaderBoardTable, #dvContent.grid_10 
{
    position: relative;
}

 #dvContent.grid_10
{
    min-height:300px;
}

.ui-dialog #dvChangePassword .prof-form fieldset label 
{
    width:120px;
}

.ui-dialog #dvContactDialog
{
    max-width: 100% !important;
}

.ui-dialog #dvContactDialog > div
{
    max-width: 100% !important;
}

.ui-dialog #dvContactDialog .tox.tox-tinymce
{
     max-width: 100% !important;
}



@media (max-width: 1169px)
{
      html
      {
          height: auto;
          overflow-x: hidden;
      }
      .gradientHeader.gradientHeaderMenu 
      {
        min-width:0 !important;
      }
}

@media (max-width: 1120px)
{
    
    div.subscribe 
    {
        box-sizing: border-box;
        margin-left:0 !important;
        max-width:100%;
    }
    
    div.subscribe input.search
    {
        width: calc(100% - 73px);
    }


    div.footerContainerItem, div.footerContainerItemLast 
    {
        padding-left: 10px;
        margin-left:0 !important;
        box-sizing: border-box;
        height: auto !important;
    }

    div.followUs 
    {
        width: calc(100% - 68px) !important;
    }

    div.followUsHeader 
    {
       width: auto !important;
       margin-left:0 !important;
    }

    div.followUsFooter 
    {
        float: right;
        margin-left: 0 !important;
    }

    div.footerLinkColumn 
    {
        max-width:50%;
        padding-right:10px; 
        margin-left: 0 !important;
        box-sizing:border-box;
    }

    div.footerContainer
    {
        height:auto !important;
    }

    div.footerContainerSmall {
 
        height: auto !important;
        overflow-y: auto;
        padding-bottom:20px;
    }
}

@media (max-width:1120px) and (min-width:601px)
{
    div.footerContainerItem, div.footerContainerItemLast 
    {
        max-width: 33%;
    }
}

@media (max-width:600px)
{
    
    .footerContainer {
        width: 100% !important;
        height: auto !important;
    }

    div.footerContainerSmall {
        width:100% !important;
        height: auto !important;
    }

    .footerContainerItem, .footerContainerItemLast {
        float: none !important;
        width: 100% !important;
        height: 150px !important;
        margin-left:0 !important;
        border-right: none !important;
        padding-left:10px;
        padding-right:10px;
    }

    .footerContainerItem {
        padding-bottom: 10px !important;
        border-bottom: solid 1px #D3CAD7 !important;
    }

    div.footerLinkColumn {
        width: 45%;
        margin-left: 10px;
    }
      .followUs .followUsHeader
     {
         margin-left:8px;
         float:none;
     }

    .followUs .followUsFooter
    {
        float:none;
    }

    div.footerContainerItem.itemCenter
    {
        border-left: none !important;
        border-right: none !important;
    }
}


@media (max-width: 1024px)
{

    
    .footerContainer 
    {
        padding-left:0 !important;
        padding-right:0 !important;
    }
  
}


@media (max-width: 1169px) and (min-width:990px ) 
{
      #header.navbar {
        min-width: 0;
    }

     .headerContainer
    {
        width:100% !important;
        min-width:0 !important;
    }

        .headerContainer .headerBar.headerBarMenu .headerMenuRightSection 
        {
            width:220px;
        }


    .headerMenuCenter {
        width: 100%;
    }

  

    div.headerBarMenu {
        width: 100% !important;
    }

    div.middleMenuHeader {
        width: 100%;
    }

    div.middleMenuItem 
    {
        width:160px;
    }

    div.middleMenuItemLogoMargin 
    {
        margin-left: 20px !important;
    }


    div.subscribe {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        padding-right: 5px;
    }

  

    input.search {
        width: 68%;
        max-width: 208px;
    }

    div.footerLinkColumn {
        width: 50%;
        max-width: 130px;
        margin-left: 5px;
    }

       .bodyContainer {
        min-width: 0 !important;
    }

    div.leaderboardToolBar {
        margin-left: 0;
        width: 100%;
    }

     .ui-dialog[aria-labelledby="ui-dialog-title-dvPublicProfile"] 
    {
        width:98% !important;
        max-width:1100px;
    }
     #dvPublicProfile #smart-paginator ul
     {
         display:flex;
         width:auto !important;
     }

    #dvPublicProfile #smart-paginator li 
    {
        display: inline-block;
        margin-right:5px;
    }  
    
   

     #dvTtraditional .baner-list, 
     #dvCyber .baner-list,
     #dvLocationLess .baner-list
     {
         box-sizing:border-box;
     }

}


@media (max-width: 989px) and (min-width:601px ) {

    body {
        width: 100%;
    }

    #header.navbar {
        min-width: 0;
    }

    .headerContainer {
        width: 100% !important;
        min-width: 0 !important;
    }

        .headerContainer .headerBar.headerBarMenu .headerMenuRightSection {
            float: left;
        }

    div.firstHeaderMenuItem {
        margin-left: 5px;
    }

    div.headerMenuItemLong {
        width: 90px;
    }

    .headerMenuCenter {
        width: 100%;
    }

    #top_menu {
        margin-left: 20px;
    }

    #top_user {
        margin-right: 0;
    }

    div.headerBarMenu {
        width: 100% !important;
    }

    div.middleMenuHeader {
        width: 100%;
    }

    div.middleMenuItemLogo {
        margin-left: 2px;
        width: 200px;
        height: auto;
    }

    div.middleMenuItemLogoMargin {
        margin-left: 30px !important;
    }

    div.middleMenuItemLogo img {
        width: 100%;
        height: auto;
    }

    div.middleMenuItemLogo {
        margin-top: 0;
        width: 200px;
        height: 70px;
    }

    div.middleMenuItem {
        width: 120px;
     
        margin-top: 0;
    }

    div.middleMenuItemSubItemBold {
        margin-left: 0;
        margin-top: 15px;
    }

    a.menuSubItemBold, div.menuSubItemBold {
        font: normal 15px Tahoma,Geneva,sans-serif;
    }

        /*  a.menuSubItemBold:visited {
            font: normal 15px Tahoma,Geneva,sans-serif;
        }

      a.menuSubItemBold:hover
        {
              font: normal 15px Tahoma,Geneva,sans-serif;
        }


        a.menuSubItemBold:active
        {
            font: normal 15px Tahoma,Geneva,sans-serif;
        }*/


    div.middleMenuItemSeparator {
        height: 70px;
        margin-top: 0;
    }


    div.footerContainer {
        width: 100% !important;
        min-width: 0 !important;
    }

    div.footerContainerSmall {
        width: 100% !important;
        min-width: 0 !important;
        display: flex;
    }

    div.footerContainerItem, div.footerContainerItemLast {
        width: 33%;
        float: none;
        margin-left: 5px;
    }

    div.subscribe {
        width: 100%;
        margin-left: 0;
    }

    div.followUsHeader {
        margin-left: 3px;
    }

    input.search {
        width: 68%;
        max-width: 208px;
    }

    div.footerLinkColumn {
        width: 48%;
        max-width: 130px;
        margin-left: 5px;
    }

    .bodyContainer {
        min-width: 0 !important;
    }

    .contentCentered {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    #dvMap {
        width: 60%;
    }

    div.rightContainer.actionFeed {
        width: 38%;
        max-width: 310px;
        overflow-x: hidden;
    }

        div.rightContainer.actionFeed .homeFooterItem {
            width: 100%;
            margin-right: 0;
        }

        div.rightContainer.actionFeed homeFooterItemHeader {
            width: 100%;
        }

    div.cacheText {
        max-width: 210px;
        width: 65%;
    }

    div.miniSlide {
        width: calc(33% - 35px);
        max-width: 303px;
    }

        div.miniSlide > a img {
            width: 100%;
        }

    div.miniSlideDescription {
        display: flex;
        width: 100%;
        height: auto;
    }

        div.miniSlideDescription img.miniSlideIcon {
            float: none;
        }

    div.miniSlideUpText {
        width: 100% !important;
        float: none !important;
        height: auto;
    }

    div.miniSliderHeaderText {
        width: 100%;
        margin-left: 0;
        padding-left: 5px;
        box-sizing: border-box;
        margin-top: 2px;
    }

        div.miniSliderHeaderText h4 {
            margin: 2px 0;
            font-size:13px;
        }

    div.miniSliderFooterText {
        width: 100%;
        margin-left: 0 !important;
        padding-left: 10px;
        box-sizing: border-box;
        height: auto;
        padding-bottom: 5px;
    }

    div.miniSlideMiddleText {
        width: 100%;
        height: auto;
    }

    div.miniSlideDownText {
        width: 100%;
        height: auto;
    }

    div.instagramContainer div.line2 {
        width: 25%;
    }

    div.instagramContainer div.title {
        width: 50%;
    }

    #cacheHuntDialog .cacheHuntDialogMap {
        width: 395px !important;
    }

    .dvFilter > div {
        width: auto !important;
    }

        .dvFilter > div.dvFrom {
            margin-right: 5px;
        }

    .item > .left {
        width: 22% !important;
        margin-left: 5px !important;
        margin-right: 10px !important;
    }

    .item .smallProfileUcr {
        width: 30% !important;
        max-width: 80px !important;
    }

    .item .smallProfileJoin {
        width: auto !important;
    }

    a.profileLink > div {
        width: 100% !important;
    }

        a.profileLink > div .profileSmallBox {
            width: 100% !important;
            height: auto;
            min-height: 292px;
            box-sizing: border-box;
        }

            a.profileLink > div .profileSmallBox > div {
                width: 100% !important;
            }

        a.profileLink > div div.elips {
            width: 100% !important;
        }

        a.profileLink > div .profileSmallBox .userImage {
            padding: 10px;
        }

            a.profileLink > div .profileSmallBox .userImage img {
                width: 100%;
            }

    .item {
        width: 100% !important;
    }

    .cacheSmallBox div.wrapper {
        max-width: 180px !important;
        width: 100% !important;
    }

    .cacheSmallBox img.image {
        width: 100% !important;
        height: auto !important;
    }

    #dvSubmittedCaches, #dvCachesToApprove {
        min-height: 250px !important;
    }

    #dvSposoredUsers, #dvOfferedUsers {
        width: 100% !important;
    }

    #divSponsorsPartial {
        width: 55% !important;
        max-width: 580px;
    }

    #dvRequestSponsorship {
        width: 45% !important;
        max-width: 320px;
    }

    #divSponsorsPartial > div[id^='dvMy_'] {
        width: 45% !important;
    }

    #dvSposoredUsers > div[id^='dv_'], #dvOfferedUsers > div[id^='dvOffered_'] {
        width: 24% !important;
    }

    #dvSposoredUsers > div[id^='dv_'], #dvOfferedUsers > div[id^='dvOffered_'], #divSponsorsPartial > div[id^='dvMy_'] {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }



        #dvSposoredUsers > div[id^='dv_'] .smallProfileUcr, #dvOfferedUsers > div[id^='dvOffered_'] .smallProfileUcr, #divSponsorsPartial > div[id^='dvMy_'] .smallProfileUcr {
            width: 28% !important;
            max-width: 80px !important;
        }

        #dvSposoredUsers > div[id^='dv_'] .smallProfileJoin, #dvOfferedUsers > div[id^='dvOffered_'] .smallProfileJoin, #divSponsorsPartial > div[id^='dvMy_'] .smallProfileJoin {
            width: auto !important;
        }

    div.grid_14 {
        width: 100% !important;
    }

    div.alreadyOffered {
        width: 100%;
        max-width: 180px;
    }

    div.alreadyOfferedImg {
        font-size: 13px;
    }

        div.alreadyOfferedImg img {
            width: 15px !important;
            height: 15px !important;
        }

    .regularRedButton[id^='btnWithdraw_'] {
        width: 65px !important;
        font-size: 13px !important;
    }


    table.sponsorshipTable tr.header td {
        font-size: 12px;
    }

    td.sponsorshipTableItem {
        font-size: 8px;
    }

    #dvTTPS, div.cacheStatistics div.tpschart {
        width: 100% !important;
        max-width: 970px !important;
    }

    div.cacheStatistics {
        width: 100% !important;
        /*max-width: 650px;*/
        position: relative !important;
    }

        div.cacheStatistics div.chart {
            max-width: 650px !important;
            width: 100% !important;
        }

        div.cacheStatistics div.chartPieSmall {
            width: 100% !important;
            height: 100% auto;
            max-width: 480px;
            min-height: 320px;
            position: relative !important;
        }

            div.cacheStatistics div.chartPieSmall div[dir='ltr'] {
                margin: auto !important;
            }

        div.cacheStatistics div.chartPieSmallContainer {
            width: 48% !important;
            height: auto !important;
        }

    #ownedCachesLegend, #foundCachesLegend {
        top: 85px !important;
        left: 100% !important;
        margin-left: -110px !important;
    }

    .chartPieSmallContainer {
        position: relative !important;
    }



    div.userCachesBox {
        width: 100% !important;
        max-width: 860px;
        height: 80px;
    }

        div.userCachesBox div.userCachesToolbar {
            position: relative !important;
            height: 100%;
        }

            div.userCachesBox div.userCachesToolbar div.toolbarItem {
                width: 25%;
                max-height: 100%;
            }

                div.userCachesBox div.userCachesToolbar div.toolbarItem span:first-of-type {
                    margin-bottom: 10px;
                    display: block;
                }



                div.userCachesBox div.userCachesToolbar div.toolbarItem select:not(.hiddenItem) {
                    width: 100% !important;
                    max-width: 210px;
                    display: block;
                }



                div.userCachesBox div.userCachesToolbar div.toolbarItem.sortOrder {
                    width: auto !important;
                    margin-top: 30px;
                }

            div.userCachesBox div.userCachesToolbar #dvShowMap, div.userCachesBox div.userCachesToolbar #dvShowTiles {
                width: auto !important;
            }

        div.userCachesBox div.foundCache {
            margin: 3px;
            max-width: 202px;
            width: 24%;
            margin-bottom: 10px;
        }

    div.cacheSmallBox div.sortByDiv {
        max-width: 182px;
        width: 100%;
    }

    div.cacheSmallBox div.cacheCover {
        max-width: 180px;
        width: 100%;
    }

    div.cacheSmallBox .cacheLoaderDiv {
        max-width: 180px;
        width: 100%;
    }

    div.cacheSmallBox div.infoTop {
        width: 98%;
    }

    div.cacheSmallBox div.elipsCache {
        max-width: 172px;
        width: 100%;
    }

    div.cacheSmallBox ul.cacheSponsorsList > li div.sponsorName {
        width: 89% !important;
        max-width: 148px;
    }

    .scrollToTop {
        width: 25px;
        height: 25px;
        bottom: 5px;
        right: 5px;
        background-color: transparent;
    }

        .scrollToTop a {
            width: 100%;
            height: 100%;
            background-image: url('images/up-arrow-small.png');
        }


    div.searchResultDivBlockCover {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: auto;
    }

    .infoWindowContent > div {
        height: auto !important;
    }

    #dvUserCachesMapContainer #dvMap {
        width: 100% !important;
        max-width: 915px;
        height: 100% !important;
        min-height: 400px !important;
    }

    .grid_4 {
        width: 30% !important;
        max-width: 280px;
    }

    .grid_10 {
        width: 70% !important;
        max-width: 700px !important;
    }

    div.rankInfo ul li a {
        overflow: auto;
    }

    .headerMenuItem.mobile_plus #btnContribute {
        width: 100% !important;
        max-width: 112px;
    }

    div.leaderboardToolBar {
        margin-left: 0;
        width: 100%;
        height: auto;
        overflow: auto;
    }

    .leaderboardToolBar .leaderBoardDropdown {
        width: 20% !important;
    }

        .leaderboardToolBar .leaderBoardDropdown select {
            width: 100% !important;
            max-width: 210px;
            display: block;
        }

    .leaderboardToolBar #searchProvinceDiv input.searchProvince, .leaderboardToolBar #searchProvinceDiv #ddlProvince {
        width: 90% !important;
    }

    .leaderboardToolBar .leaderBoardSortType {
        margin-top: 25px;
    }

    #dvLeaderBoardTileContainer #dvLeaderBoardTile .foundCache {
        width: 24% !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    div.leaderboardResultTable {
        padding-left: 0;
    }


    .ui-dialog[aria-labelledby="ui-dialog-title-dvPublicProfile"] {
        width: 98% !important;
        max-width: 1100px;
    }

    .ui-dialog[aria-labelledby="ui-dialog-title-dvMap"] {
        width: 98% !important;
        max-width: 800px;
    }

    div.mapcanvas {
        width: 100%;
        max-width: 770px;
    }

    .grid_4 .profileDetails {
        padding-left: 0;
    }

    #pHeaderText {
        padding-left: 10px;
    }

    #dvContent div.captchaContainer {
        padding: 0;
        text-align: center;
    }


    #dvContent #dvIgnoreList div[id^="dv_"], #dvContent #dvWatchList div[id^="dv_"] {
        width: 33% !important;
        padding: 2px;
        margin: 0 !important;
        box-sizing: border-box;
    }

    #dvContent .searchResultPager {
        width: 98% !important;
        max-width: 555px;
    }

    #dvContent .ignoreListButtons, #dvContent .watchListButtons {
        width: 100% !important;
        max-width: 568px;
    }


    #dvContent div.buttonBar {
        margin: auto !important;
        max-width: 580px;
    }

    #dvContent div.GPXFilesButtonBar {
        width: 100% !important;
    }

    #dvContent .field-box {
        margin-left: 0 !important;
    }

    div.grid_5 {
        width: 35%;
        max-width: 350px;
    }

    div.grid_9 {
        width: 65%;
        max-width: 630px;
    }
    div.grid_5 div.homeFooterItem 
    {
        max-width: 310px;
        width: 100%;
        margin-right:0;
    }

    #dvPublicProfile #smart-paginator ul
     {
         display:flex;
         width:auto !important;
     }

    #dvPublicProfile #smart-paginator li {
        display: inline-block;
        margin-right: 5px;
    }

     .mainContent
    {
       min-width:0 !important;
    }

     #cacheCarousel .item .fancyThumbnailContainer
     {
         width:16% !important;
     }  
     
      #cacheCarousel .item .fancyThumbnailContainer a > div
      {
          box-sizing:border-box;
          padding: 5px;
      }

     #cacheCarousel .item .fancyThumbnailContainer a img.fancyThumbnail
     {
         max-width:100%;
         margin:0;
     }

    .mainContent
    {
        width:72%;
        min-width:0 !important;
    }
    





     #dvTtraditional .baner-list,
     #dvCyber .baner-list,
     #dvLocationLess .baner-list
     {
         box-sizing:border-box;
     }

     #dvTtraditional .prof-form,
     #dvCyber .prof-form,
     #dvLocationLess .prof-form
     {
         width:100%;
     }
     
     #dvTtraditional .prof-form > form,
     #dvCyber .prof-form > form,
     #dvLocationLess .prof-form > form
     {
         width:100%;
         max-width:807px;
         float:none;
     }

     #dvTtraditional .prof-form .field-box fieldset >label,
     #dvCyber .prof-form .field-box fieldset >label,
     #dvLocationLess .prof-form .field-box fieldset >label
     {
        max-width: 100% !important;
        width: 270px !important;
     }

     #dvTtraditional .prof-form .field-box fieldset > div > label,
     #dvCyber .prof-form .field-box fieldset  > div > label,
     #dvLocationLess .prof-form .field-box fieldset  > div > label
     {
        max-width: 100% !important;
        width: 270px !important;
     }

   
     #dvCyber .prof-form div.fsCheckBox > span,
     #dvLocationLess .prof-form  div.fsCheckBox  > span
     {
        max-width: 100% !important;
        width: 270px !important;
        text-align:right;
        margin-right:5px;
     }

       #dvTtraditional .prof-form form div.fsDescription > div.lblDescription,
       #dvCyber .prof-form form div.fsDescription > div.lblDescription,
       #dvLocationLess .prof-form form div.fsDescription > div.lblDescription
        {
            width:100%;
            max-width:800px;
        }

         #dvTtraditional .prof-form form div.fsDescription > div.cacheDesc,
         #dvCyber .prof-form form div.fsDescription > div.cacheDesc,
         #dvLocationLess .prof-form form div.fsDescription > div.cacheDesc
         {
              width:98%;
              max-width: 800px;
              margin-left:0 !important;
         }

         #dvTtraditional .prof-form form div.fsDescription > div.cacheDesc > div,
         #dvCyber .prof-form form div.fsDescription > div.cacheDesc > div,
         #dvLocationLess .prof-form form div.fsDescription > div.cacheDesc > div
         {
              width:100% !important;
         } 
          
         #dvTtraditional .prof-form form div.cachePhotos,
         #dvCyber .prof-form form div.cachePhotos,
         #dvLocationLess .prof-form form div.cachePhotos 
         {
            width:100%;
            margin-left: 0;

            box-sizing: border-box;
            padding-left: 0;
        }

         #dvTtraditional .prof-form form div.cachePhotos ul.ulCachePhotos,
         #dvCyber .prof-form form div.cachePhotos ul.ulCachePhotos,
         #dvLocationLess .prof-form form div.cachePhotos ul.ulCachePhotos
         {
             width:100%;
             padding-left:0;
         }

          #dvTtraditional .prof-form form div.cachePhotos ul.ulCachePhotos > li,
          #dvCyber .prof-form form div.cachePhotos ul.ulCachePhotos > li,
          #dvLocationLess .prof-form form div.cachePhotos ul.ulCachePhotos > li
          {
              margin-left:0;
              margin-right:0;
          } 
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage,
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage,
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage
          {
              width: 20% !important;
              margin-right: 5px !important;
          }
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle,
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle,
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle
          {
              width: 70% !important;
          }

          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"],
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"],
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"]
          {
               width: 100%;
          }
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"],
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"],
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"]
          {
              margin-right:10px !important;
              margin-top:5px !important;
          } 

          #dvTtraditional .prof-form form .buttonBar,
          #dvCyber .prof-form form .buttonBar,
          #dvLocationLess .prof-form form .buttonBar
          {
            width: 300px;
            float: right !important;
            margin-right: 5px;
            margin-left: 0 !important;
          }

      div.topPanel 
      {
        width: 100%;
        max-width: 670px;
        padding: 5px;
        margin: 0;
        box-sizing: border-box;
     }
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex
{
    position:relative;
    height:auto;
}
.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex.open
{
    border-bottom:none;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex.open a.menuSubItemBold:before
{
    content: '_';
    top: 4px;
    font-weight: bold;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex.open .middleMenuItemSubItem
{
   display:block;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex:not(.open) a.menuSubItemBold:before
{
    content: '+';
     top: 12px;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex:not(.open) .middleMenuItemSubItem
{
    display:none;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent.complex a.menuSubItemBold:before
{
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 18px;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent .middleMenuItemSubItem
{
    z-index:11;
    width:100%;

}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent .middleMenuItemSubItem ul>li
{
    padding:0;
}

.middleMenuHeaderMobile .mobile_menu ul.list li.parent .middleMenuItemSubItem ul>li>a
{
    text-transform:none;
    margin-left:15px;
}

@media (max-width: 700px) {

    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .headerContainer {
        min-width: 0 !important;
        width: 100% !important;
    }

        .headerContainer .headerBar.headerBarMenu {
            width: 100% !important;
        }

            .headerContainer .headerBar.headerBarMenu > div:not(.headerMenuRightSection) {
                display: none;
            }

            .headerContainer .headerBar.headerBarMenu > div.headerMenuRightSection {
                float: none;
            }

    #header.navbar {
        width: 100%;
        min-width: 0 !important;
        height: auto !important;
    }

    #header .navbar-inner {
        height: auto !important;
        margin: 0 !important;
    }

    #dvLoginContainer {
        width: auto;
        height: auto;
    }

    .navbar-height {
        height: auto;
    }

    .navbar-inner {
        min-height: auto;
    }

    div.login-buttons {
        margin-right: 10px;
    }

    .headerMenuCenter {
        width: auto;
        height: auto;
    }

    #top_menu {
        float: none;
        margin: 0;
    }


        #top_menu ul.nav.top-menu {
            float: none;
            display: flex;
        }

            #top_menu ul.nav.top-menu > li {
                float: left;
            }

    #top_user {
        margin: 0;
    }

    .navbar .nav.pull-right {
        float: none !important;
        display: flex;
    }

        .navbar .nav.pull-right > li {
            float: left;
        }

  
    .middleMenuHeaderMobile {
        
        display: flex !important;
    }
    
    .middleMenuHeaderMobile .mobile_menu
    {
        float:right;
    }
 
    div.middleMenuHeader {
        display: none;
        position: absolute !important;
        left: 0;
        top: 236px;
        background-color: transparent;
        width: 100%;
        height: auto;
        z-index: 9999 !important;
    }

    .middleMenuHeader > div:not(.cacheHuntMenuItem) {
        display: none !important;
    }

    .middleMenuHeader > div.cacheHuntMenuItem {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

        .middleMenuHeader > div.cacheHuntMenuItem .middleMenuItemSubItemBold {
            margin-top: 0;
        }

        .middleMenuHeader > div.cacheHuntMenuItem .cacheHuntMenu > a.menuSubItemBold {
            display: none;
        }

    #cacheHuntMenu {
        display: block;
        position: static;
        margin: 0;
        padding: 3px;
        padding-bottom: 7px;
    }

        #cacheHuntMenu:before {
            content: none;
        }

    .bodyContainer {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    .contentCentered {
        width: 100%;
    }

    #cacheHuntMenu .dvCloseCacheHuntDialog {
        display: block;
    }



    #fancybox-wrap {
        width: 97% !important;
        padding: 0 !important;
        left: 0 !important;
    }

    #fancybox-content {
        width: 100% !important;
    }

        #fancybox-content > div {
            background-color: #fff;
        }

    #cacheHuntDialog .cacheHuntDialogForm {
        float: none !important;
        height: 330px !important;
        margin: auto !important;
    }

        #cacheHuntDialog .cacheHuntDialogForm .cacheDivBlock .pac-container {
            position: static !important;
        }

        #cacheHuntDialog .cacheHuntDialogForm .cacheDivBlock.vewRadius {
            height: 40px;
        }

        #cacheHuntDialog .cacheHuntDialogForm .cacheDivBlock.searchContainer {
            height: 40px;
            margin-top: 10px !important;
        }

    #cacheHuntDialog .cacheHuntDialogMap {
        width: 98% !important;
        float: none;
        margin-top: 10px;
        height: 250px !important;
    }

    div.ui-dialog[aria-labelledby = "ui-dialog-title-dvLogin"] {
        width: 95% !important;
        max-width: 430px !important;
        z-index: 100001 !important;
    }

    #cacheHuntMenu {
        width: 100%;
    }

        #cacheHuntMenu .menuImageContainer {
            width: 100%;
            padding-right: 5px;
            padding-left: 5px;
            box-sizing: border-box;
        }

    #cacheHuntSearch {
        width: 98% !important;
        max-width: 400px;
    }

    .ccInput {
        width: 270px;
        float:left;
        max-width: calc(100% - 83px);
    }

    div.menuWithImageItam a {
        width: 90px;
    }

    div.menuWithImageItam img {
        width: 90px;
    }

    .bodyContainer .contentCentered {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }



    .highlightedCaches {
        text-align: center;
    }

        .highlightedCaches .headerText {
            margin-bottom: 5px !important;
        }

    #dvMap {
        width: 100%;
        float: none;
    }

    div.rightContainer {
        float: none;
        margin: auto !important;
        margin-left: auto !important;
    }

    div.homeFooterItem {
        float: none;
        margin-top: 10px;
    }

    .homeFooterItemHeader .headerText {
        text-align: center;
    }

    .contentCentered .miniSlide {
        float: none !important;
        margin: auto;
        margin-top: 10px;
    }

    .contentCentered .miniSlideSeparatorVert {
        float: none !important;
        display: none;
    }


    div.instagramContainer {
        margin: auto;
    }

        div.instagramContainer div.line2 {
            width: 25%;
        }

        div.instagramContainer div.title {
            width: 50%;
            margin-top: 20px;
        }

            div.instagramContainer div.title h1 {
                font-size: 15px !important;
            }





    div.ui-dialog[aria-labelledby="ui-dialog-title-dvCacheTypeSelectDialog"] {
        width: 95% !important;
    }

    #dvCacheTypeSelectDialog {
        height: auto !important;
    }

        #dvCacheTypeSelectDialog p.headerTextCenter {
            font-size: 18px;
        }

    div.CacheType {
        width: 33%;
        margin-right: 5px;
        height: auto;
    }

    #dvCacheTypeSelectDialog .cacheTypeChooser {
        width: 100%;
    }

        #dvCacheTypeSelectDialog .cacheTypeChooser .CacheType a {
            width: 100%;
        }

        #dvCacheTypeSelectDialog .cacheTypeChooser .CacheType img {
            width: 100% !important;
            height: auto !important;
        }

    div.ui-dialog[aria-labelledby="ui-dialog-title-dvMessageDialog"] {
        width: 97% !important;
        max-width: 420px;
    }

    div.messageDialog div.message {
        width: 80% !important;
        max-width: 330px;
    }


    .pager {
        height: 50px;
    }

        .pager > ul {
            margin-left: 5px;
        }

        .pager > span:first-of-type {
            clear: both;
        }


    .dvFilter {
        height: 70px;
    }

        .dvFilter > div {
            width: auto !important;
        }

            .dvFilter > div.dvFrom {
                margin-right: 5px;
            }

            .dvFilter > div.dvTo {
                margin-left: 106px;
            }

            .dvFilter > div.dvFilterButton {
                margin-left: 10px;
                margin-top: -20px !important;
            }

    .item > .left {
        width: 45% !important;
        margin-left: 5px !important;
        margin-right: 10px !important;
    }

    .item .smallProfileUcr {
        width: 30% !important;
        max-width: 80px !important;
    }

    .item .smallProfileJoin {
        width: auto !important;
    }

    a.profileLink > div {
        width: 100% !important;
    }

        a.profileLink > div .profileSmallBox {
            width: 100% !important;
            height:auto;
            min-height: 292px;
            box-sizing:border-box;
        }

            a.profileLink > div .profileSmallBox > div {
                width: 100% !important;
            }

        a.profileLink > div div.elips {
            width: 100% !important;
        }
        a.profileLink > div .profileSmallBox .userImage
        {
            padding:10px;
        }
         a.profileLink > div .profileSmallBox .userImage img
         {
             width:100%;
         }

    .item {
        width: 100% !important;
    }

    .cacheSmallBox div.wrapper {
        max-width: 180px !important;
        width: 100% !important;
    }

    .cacheSmallBox img.image {
        width: 100% !important;
        height: auto !important;
    }

    #dvSubmittedCaches, #dvCachesToApprove {
        min-height: 250px !important;
    }


    div.sponsorshipSwitchers {
        display: none;
    }




    div.grid_14 {
        width: 100% !important;
        float: none !important;
    }

    div.sponsorshipToolBar {
        width: 100% !important;
    }

        div.sponsorshipToolBar .sponsorshipDropdown {
            width: 78% !important;
        }

            div.sponsorshipToolBar .sponsorshipDropdown #ddlSortBy {
                width: 78% !important;
                max-width: 220px;
            }

    div.sponsorshipSwitchers {
        display: none;
    }


    #dvSposoredUsers, #dvOfferedUsers, #divSponsorsPartial {
        width: 100% !important;
    }

        #dvSposoredUsers > div[id^='dv_'], #dvOfferedUsers > div[id^='dvOffered_'], #divSponsorsPartial > div[id^='dvMy_'] {
            width: 48% !important;
            margin-left: 2px !important;
            margin-right: 2px !important;
        }

            #dvSposoredUsers > div[id^='dv_'] .smallProfileUcr, #dvOfferedUsers > div[id^='dvOffered_'] .smallProfileUcr, #divSponsorsPartial > div[id^='dvMy_'] .smallProfileUcr {
                width: 28% !important;
                max-width: 80px !important;
            }

            #dvSposoredUsers > div[id^='dv_'] .smallProfileJoin, #dvOfferedUsers > div[id^='dvOffered_'] .smallProfileJoin, #divSponsorsPartial > div[id^='dvMy_'] .smallProfileJoin {
                width: auto !important;
            }

    a.profileLink > div {
        width: 100% !important;
    }

        a.profileLink > div .profileSmallBox {
            width: 100% !important;
        }

            a.profileLink > div .profileSmallBox > div {
                width: 100% !important;
            }

        a.profileLink > div div.elips {
            width: 100% !important;
        }

    div.alreadyOffered {
        width: 100%;
        max-width: 180px;
    }

    div.alreadyOfferedImg {
        font-size: 13px;
    }

        div.alreadyOfferedImg img {
            width: 15px !important;
            height: 15px !important;
        }

    .regularRedButton[id^='btnWithdraw_'] {
        width: 65px !important;
        font-size: 13px !important;
    }

    #divSponsorsPartial {
        float: none !important;
    }

        #divSponsorsPartial .headerText, .headerText.subPageDesc {
            width: 100% !important;
            max-width: 580px !important;
            margin-left:0 !important;
        }

    #dvRequestSponsorship {
        width: 100% !important;
        float: none !important;
    }

        #dvRequestSponsorship .headerTextCenter {
            width: 100% !important;
            max-width: 320px !important;
            text-align: left;
        }

        #dvRequestSponsorship > div {
            margin-left: 0 !important;
        }

    #dvTTPS, div.cacheStatistics div.tpschart {
        width: 100% !important;
        max-width: 970px !important;
    }

    div.cacheStatistics {
        width: 100% !important;
        max-width: 650px;
        float: none !important;
        position: relative !important;
    }

        div.cacheStatistics .content {
            float: none !important;
        }

        div.cacheStatistics div.chart {
            float: none !important;
            max-width: 650px !important;
            width: 100% !important;
        }

        div.cacheStatistics div.chartPieSmall {
            float: none !important;
            width: 100% !important;
            height: 100% auto;
            max-width: 480px;
            min-height: 320px;
            position: relative !important;
        }

            div.cacheStatistics div.chartPieSmall div[dir='ltr'] {
                margin: auto !important;
            }

        div.cacheStatistics div.chartPieSmallContainer {
            float: none !important;
            width: 100% !important;
            height: auto !important;
        }

    #ownedCachesLegend, #foundCachesLegend {
        top: 85px !important;
        left: 100% !important;
        margin-left: -110px !important;
    }

    .chartPieSmallContainer {
        position: relative !important;
    }

    div.userCachesBox {
        width: 100% !important;
        max-width: 860px;
    }

        div.userCachesBox div.userCachesToolbar {
            position: relative !important;
        }

            div.userCachesBox div.userCachesToolbar div.toolbarItem {
                width: 80%;
                float: none !important;
                max-height: none !important;
                display: flex !important;
                align-items: center !important;
            }

                div.userCachesBox div.userCachesToolbar div.toolbarItem span:first-of-type {
                    display: inline-block !important;
                    width: 110px;
                }

                div.userCachesBox div.userCachesToolbar div.toolbarItem select {
                    width: 60% !important;
                    max-width: 210px;
                }


                div.userCachesBox div.userCachesToolbar div.toolbarItem.sortBy {
                    float: left !important;
                }

                div.userCachesBox div.userCachesToolbar div.toolbarItem.sortOrder {
                    float: right !important;
                    width: auto !important;
                }

            div.userCachesBox div.userCachesToolbar #dvShowMap, div.userCachesBox div.userCachesToolbar #dvShowTiles {
                position: absolute;
                width: auto !important;
                clear: both;
                float: none !important;
                top: 2px;
                left: 100%;
                margin-left: -40px;
            }

        div.userCachesBox div.foundCache {
            margin: 3px;
            max-width: 202px;
            width: 48%;
        }
        
        div.cacheSmallBox div.sortByDiv 
        {
            max-width: 182px;
            width: 100%;
        }
        
        div.cacheSmallBox div.cacheCover
        {
            max-width:180px;
            width:100%;
        }
        
        div.cacheSmallBox .cacheLoaderDiv
        {
            max-width:180px;
            width:100%;

        }
        div.cacheSmallBox div.infoTop {
            width: 98%;
        }
        
        div.cacheSmallBox div.elipsCache {
            max-width: 172px;
            width: 100%;
        }

         div.cacheSmallBox ul.cacheSponsorsList > li div.sponsorName
         {
             width:89% !important;
             max-width: 148px;
         }

         div.cacheSmallBox .infoBottom div[id^='dvAdvList_'] .dvAdventure
         {
             width:65% !important;
         }
          div.cacheSmallBox .infoBottom div[id^='dvAdvList_'] .dvAdventure select
          {
              width:100% !important;
              max-width: 120px;
          }
        .scrollToTop {
            width: 25px;
            height: 25px; 
            bottom: 5px;
            right: 5px;
            background-color:transparent;
        }
    .scrollToTop a {
        width: 100%;
        height: 100%;
        background-image: url('images/up-arrow-small.png');
    }

   
    div.searchResultDivBlockCover {
            height: auto !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: auto;
        }

    .infoWindowContent > div
    {
        height:auto !important;
    }

     #dvUserCachesMapContainer #dvMap
    {
        width:100% !important;
        max-width: 915px;
        height:100% !important;
        min-height: 400px !important;
    }

     #dvAdventuresList
     {
         margin-left:10px;
         height:60px !important;
         margin-bottom:5px !important;
     }
     #dvAdventuresList > div
     {
         width:48% !important;
         max-width:170px;
     }

     .loginDiv table.loginDialog
     {
         width:100% !important;
     }
     .loginDiv table.loginDialog td.loginDialogLeft
     {
         width:30% !important;
     }

      .loginDiv table.loginDialog td.loginDialogRight
     {
         width:70% !important;
     }  
      
     .loginDiv table.loginDialog td.loginDialogRight .loginText
     {
         width:100% !important;
         max-width:270px !important;
     }

    .grid_4, .grid_10 
    {
        width:100% !important;
        float:none !important;
    }

    .grid_4 div.profileContainer
    {
        width:100% !important;
        float:none !important;
    }

    div.rankInfo ul 
    { 
        padding-left:0;
    }

    div.rankInfo ul li a 
    {
        overflow:auto;
    }

    .leaderboardToolBar
    {
        width:100% !important;
        margin-left:0 !important;
        height:auto !important;
        overflow: auto;

    } 


    .leaderboardToolBar .leaderBoardDropdown
    {
        width:100% !important;
        display:flex;
        float:none;
        margin-left:5px !important;
    }
    
    .leaderboardToolBar .leaderBoardDropdown.sortBy
    {
        width:71% !important;
        float:left !important;
    }

     .leaderBoardDropdown span.spCaption
     {
          width:36%  !important;
          margin-top:10px;
     }
       .leaderBoardDropdown.sortBy span.spCaption
     {
          width:56%  !important;
          margin-top:10px;
     }
     .leaderBoardDropdown select, .leaderBoardDropdown.smallSelect select
     {
          width:55%  !important;
     }

    div.leaderBoardCriteriaBar
    {
        float:none;
         width:100%;
    }
     div.leaderBoardRankBar
     {
          float:none;
          width:100%;
          margin:0;
     }
     div.searchDivBlock
     {
         float:none !important;
         width:100%;
         display:flex;
     }
       div.searchDivBlock input
       {
           float: none !important;
       }
       div.searchDivBlock input[type='button']
       {
           margin-top:3px !important;
       }
       div.searchDivBlock #acUserSearch
       {
           margin-right:10px;
       }
       #btnSearchUserRank[style*='visibility: hidden;']
       {
           display:none;
       }

       div.searchResult
       {
           min-height:400px;
       }

       #dvLeaderBoardTileContainer #dvLeaderBoardTile .foundCache
       {
           width:48% !important;
           margin-left:2px !important;
           margin-right:2px !important;
       } 
       
       #dvLeaderBoardTileContainer #dvLeaderBoardTile .foundCache .profileSmallBox .smallProfileUcr
       {
           width: 28% !important;
           max-width: 80px !important;
       }
       #dvLeaderBoardTileContainer #dvLeaderBoardTile .foundCache .profileSmallBox .smallProfileJoin
       {
           width:auto !important;
       }

    .grid_4 .profileDetails 
    {
       padding-left:0;
    }
    .prof-form fieldset label 
    {
        padding-left: 0;
        width: 100px;
    }

    .prof-form form fieldset input 
    {
        width: 57%;
        max-width: 270px;
    }
    .prof-form form fieldset div.coordinatesInputContainer 
    {
        width: 59%;
        max-width: 280px;
        min-width: 210px;
    }

    .prof-form form fieldset select 
    {
        max-width: 282px;
        width: 61%;
    }

    div.commonButtonBar {
        max-width: 415px;
        width: 100%;
    }

    .ui-dialog[aria-labelledby="ui-dialog-title-dvMap"] 
    {
        width:98% !important;
        max-width:800px;
    }
    
    
     .ui-dialog div.mapcanvas
     {
      
        width: 100%;
        max-width: 770px;
    }

    .ui-dialog[aria-labelledby="ui-dialog-title-dvChangePassword"] 
    {
        width:98% !important;
        max-width:455px;
    }

    .ui-dialog[aria-labelledby="ui-dialog-title-dvChangePassword"] .commonButtonBar button.btnClose
    {
        margin-right:23px;
    }

    #pHeaderText
    {
        padding-left:10px;
    }
     .ui-dialog[aria-labelledby="ui-dialog-title-dvUpload"] 
    {
        width:98% !important;
        max-width:420px;
    }

    .ui-dialog
    {
        width:98% !important;
    }

    #dvContent .searchResultPager
    {
        width: 98% !important;
        max-width: 555px;
    }
   
    #dvContent #dvIgnoreList div[id^="dv_"], #dvContent #dvWatchList div[id^="dv_"]
    {
        width:50% !important;
        padding:2px;
        margin:0 !important;
        box-sizing: border-box;
    }

   #dvContent .ignoreListButtons, #dvContent .watchListButtons
   {
       width:100% !important;
       max-width:568px;
   }

    #dvContent .ignoreListButtons > a,  #dvContent .watchListButtons > a
    {
        max-width: 180px;
        width: 48% !important;
        font-size:11px !important;
    } 

    .prof-form #divEmailAlertType #fsEmailTypes input
    {
        margin-top:5px;
    }

    .prof-form #divSubscriber input
    {
        margin-top:2px;
    }
    .prof-form #divEmailAlertType #fsEmailTypes label, .prof-form #divSubscriber label
    {
        max-width:90%;
    }


   #dvContent div.captchaContainer
   {
       padding:0;
       text-align:center;
   }   
   
   #dvContent div.captchaContainer #imgStatsBanner
   {
       width:100%;
       max-width:320px;
   }

    #dvContent div.buttonBar
    {
        margin:auto !important;
        max-width: 580px;
    }

    #dvContent div.GPXFilesButtonBar
    {
        width: 100% !important;
    }
    #dvContent .field-box
    {
        margin-left:0 !important;
    }
    
    #dvContent .field-box fieldset .dvLabel
    {
        width: 40% !important;
    }

    #dvContent .field-box fieldset .dvLabel label
    {
         font-size: 12px;
         margin-top:0;
    }

    #dvContent .field-box fieldset .dvSelect
    {
        width: 58% !important;
        margin-left:5px !important;
    }

    #dvContent .field-box fieldset .dvSelect select
    {
        width:100%;
        max-width:220px;
    }
    
    #dvContent #txtBannerUrl
    {
        width:100% !important;
        max-width:600px;
    }

    div.grid_5 
    {
        width: 100% !important;
    }

    div.grid_9 
    {
        width: 100% !important;
    }
    div.grid_5 div.homeFooterItem,  .contentCentered div.grid_9 div.homeFooterItem  
    {
        width: 100%;
        margin-right:0;
        display:none;
    }

      #dvPublicProfile #smart-paginator ul
     {
         display:flex;
         width:auto !important;
     }

    #dvPublicProfile #smart-paginator li 
    {
        display: inline-block;
        margin-right:5px;
    }

    #dvPublicProfile #smart-paginator div.short 
    {
       margin-right:0;
    }



    
    
    
    
    
    .mainContent
    {
        float:none !important;
        width:100%;
        min-width:0 !important;
    }

    .banerwrap .baner-list
    {
        float:none;
        width:100%;
        height: auto;
        overflow-y: auto;
        font: normal 9px Tahoma,Geneva,sans-serif;
        padding:0;
    }

    .banerwrap .baner-list li
    {
        line-height:2;
    }
    .baner-list li:first-child {
        line-height: 39px;
    }
    .banerwrap .baner-list li:not(:last-child)
    {
        max-width:22%;
        box-sizing:border-box;
        padding-left:2px;
        padding-right:2px;
        text-align:center;
    }

    .banerwrap .baner-list li:not(:last-child):not(:first-child)
    {
        border-right:1px solid #d8ccc5;
    }

    .baner-list li:last-child 
    {
        float: left;
        max-width: 45% !important;
        padding-left:2px;
        padding-right:2px;
    }

    .cyberReadonly .baner-list li:first-child,
    #dvCyber .baner-list li:first-child, 
    .locationLessReadonly .baner-list li:first-child,
    #dvLocationLess .baner-list li:first-child 
    {
        width:25%;
        max-width:none;
    }

    .cyberReadonly .baner-list li:last-child,
    #dvCyber .baner-list li:last-child, 
    .locationLessReadonly .baner-list li:last-child,
    #dvLocationLess .baner-list li:last-child 
    {
        display:none;
    }

     .cyberReadonly .banerwrap .baner-list li:not(:last-child):not(:first-child),
     #dvCyber .banerwrap .baner-list li:not(:last-child):not(:first-child),
     .locationLessReadonly .banerwrap .baner-list li:not(:last-child):not(:first-child),
     #dvLocationLess .banerwrap .baner-list li:not(:last-child):not(:first-child)
     {
         width: 35%;
         max-width:none;
         line-height:39px;
     }

    .cyberReadonly .banerwrap .baner-list li a,
    #dvCyber .banerwrap .baner-list li a,
    .locationLessReadonly .banerwrap .baner-list li a,
    #dvLocationLess .banerwrap .baner-list li a 
    {
        border-left: 1px solid #69605a;
        display:inline;
        white-space: nowrap;
        padding-left:8px;
        padding-right:8px;
    }

    .cyberReadonly .banerwrap .baner-list li span,
    #dvCyber .banerwrap .baner-list li span, 
    .locationLessReadonly .banerwrap .baner-list li span,
    #dvLocationLess .banerwrap .baner-list li span 
    {
        display:inline;
        white-space: nowrap;
    }
    .cyberReadonly .banerwrap .baner-list li:not(:last-child):not(:first-child),
    #dvCyber .banerwrap .baner-list li:not(:last-child):not(:first-child),
    .locationLessReadonly .banerwrap .baner-list li:not(:last-child):not(:first-child),
    #dvLocationLess .banerwrap .baner-list li:not(:last-child):not(:first-child)
    {
        border-right:none;
    }
    .baner-list li span
    {
        padding-right: 2px;
        padding-left: 2px;
        white-space: normal;
        max-width: 100%;
        display:block;
    }

    .baner-list li a 
    {
        padding-right: 2px;
        padding-left: 2px;
        white-space: normal;
        max-width: 100%;
        display:block;
        border-left:none;
    }
    

         #cacheCarousel .item > div
        {
            width:38% !important;
            margin-left:5px !important;
            margin-right:5px !important;
        }

     
       .styleCorrector
       {
           display:none;
       }
       .dvTitleLogs
       {
           float:none !important;
       }
       .dvTitlePostLog
       {
            float: left !important;
            margin-right: 10px;
       }

       .dvTitlePostLog p.headerText 
       {
           font-size:16px;
           line-height:36px;
       }
       .clearer.mobile_minus
       {
           clear:none;
       }
       .dvAddLogButton
       {
           float:left;
       } 
       .dvAddLogButton .buttonBar
       {
           width:auto;
           float:none;
       }

       #dvWeatherPopupContent div.topInfo:not(.last)
       {
           width:33% !important;
       }
        #dvWeatherPopupContent div.topInfo.last
        {
            width:auto !important;
            float:right !important;
        }
    

        #dvMapPopup
        {
            height:auto !important;
        }
    #dvMapPopup div.leftWaypoints {
        position: static;
        height: auto;
        width: 100%;
    }

        #dvMapPopup div.leftWaypoints div.mainWaypoint {
           margin-left:0;
           margin-right:0;
        }

       #dvMapPopup #dvWayPoints 
       {
           width:100% !important;
           float:none !important;
           margin-left:0;
       }

       div.dvCacheTitle
       {
           height:auto;
       }

 
     #dvTtraditional .prof-form > form,
     #dvCyber .prof-form > form,
     #dvLocationLess .prof-form > form
     {
         width:100%;
         max-width:807px;
     }

      #dvTtraditional .prof-form .field-box fieldset,
      #dvCyber .prof-form .field-box fieldset,
      #dvLocationLess .prof-form .field-box fieldset
      {
            width: 100%;
            float: none;
            padding-left: 5px;
      }

     #dvTtraditional .prof-form .field-box fieldset >label,
     #dvCyber .prof-form .field-box fieldset >label,
     #dvLocationLess .prof-form .field-box fieldset >label
     {
        padding-left: 0;
        width: 100% !important;
        max-width: 270px;
        float: none;
        text-align: left;
     }

      #dvTtraditional .prof-form .field-box fieldset >input[type="text"],
      #dvCyber .prof-form .field-box fieldset >input[type="text"],
      #dvLocationLess .prof-form .field-box fieldset >input[type="text"]
     {
        width: 100%;
        max-width: 270px;
        float: none;
        margin: 0;
        padding: 0;
        height:25px !important;
     }

      #dvTtraditional .prof-form form fieldset > select,
      #dvCyber .prof-form form fieldset > select,
      #dvLocationLess .prof-form form fieldset > select
      {
        max-width: 282px;
        width: 100%;
        float: none;
     }  
      
      #dvTtraditional .prof-form form fieldset #dvUpload,
      #dvCyber .prof-form form fieldset #dvUpload,
      #dvLocationLess .prof-form form fieldset #dvUpload
      {
          width: 63%;
          margin-right: 5px;
      }   
      
      #dvTtraditional .prof-form form fieldset #dvUpload > form,
      #dvCyber .prof-form form fieldset #dvUpload > form,
      #dvLocationLess .prof-form form fieldset #dvUpload > form
      {
          width:100%;
      }

      #dvTtraditional .prof-form form fieldset #dvUpload > form table,
      #dvCyber .prof-form form fieldset #dvUpload > form table,
      #dvLocationLess .prof-form form fieldset #dvUpload > form table
      {
          width:100%;
      }

      #dvTtraditional .prof-form form fieldset #dvUpload> form input[type="file"],
      #dvCyber .prof-form form fieldset #dvUpload> form input[type="file"],
      #dvLocationLess .prof-form form fieldset #dvUpload> form input[type="file"]
      {
          width:100% !important;
          max-width:280px;
          padding:0;
      }


      #dvTtraditional .prof-form form fieldset.fsCoverPhoto,
      #dvCyber .prof-form form fieldset.fsCoverPhoto,
      #dvLocationLess .prof-form form fieldset.fsCoverPhoto
      {
         margin-top: 15px;
         margin-bottom: 15px;
      }

      #dvTtraditional .prof-form form fieldset.fsCoverPhoto > label,
      #dvCyber .prof-form form fieldset.fsCoverPhoto > label,
      #dvLocationLess .prof-form form fieldset.fsCoverPhoto > label
      {
          margin-top:0;  
      }

      #dvTtraditional .prof-form form fieldset .coverPhotoDiv,
      #dvCyber .prof-form form fieldset .coverPhotoDiv,
      #dvLocationLess .prof-form form fieldset .coverPhotoDiv
      {
          width: 20%;
          max-width: 90px;
          max-height:80px;
      }

        #dvTtraditional .prof-form form fieldset .coverPhotoDiv img,
        #dvCyber .prof-form form fieldset .coverPhotoDiv img,
        #dvLocationLess .prof-form form fieldset .coverPhotoDiv img 
        {
            width: 100%;
            max-width: 80px;
        }  
        
        #dvTtraditional .prof-form form fieldset #dvRemoveCoverPhoto>div:last-child,
        #dvCyber .prof-form form fieldset #dvRemoveCoverPhoto>div:last-child,
        #dvLocationLess .prof-form form fieldset #dvRemoveCoverPhoto>div:last-child
        {
            padding-top:45px !important;
        }  
        
        #dvTtraditional .prof-form form fieldset #getImageByURL,
        #dvCyber .prof-form form fieldset #getImageByURL,
        #dvLocationLess .prof-form form fieldset #getImageByURL
        {
            margin-left:0 !important;
        }  
        
        #dvTtraditional .prof-form form fieldset #dvAdoptersLnk,
        #dvCyber .prof-form form fieldset #dvAdoptersLnk,
        #dvLocationLess .prof-form form fieldset #dvAdoptersLnk
        {
            max-width: 270px;
            text-align: left !important;
            width: 100% !important;
            float: none !important;
        }  
        
        #dvTtraditional .prof-form form fieldset #dvAdopters,
        #dvCyber .prof-form form fieldset #dvAdopters,
        #dvLocationLess .prof-form form fieldset #dvAdopters
        {
           float: left;
           margin-left: 0;
           width: 100%;
           max-width: 280px;
        } 
        
      
        #dvTtraditional .prof-form form fieldset.fsCheckBox > label,
        #dvCyber .prof-form form fieldset.fsCheckBox > label,
        #dvLocationLess .prof-form form fieldset.fsCheckBox > label 
        {
            width: auto !important;
            padding-right: 5px;
            display: inline-block;
        }   

        #dvTtraditional .prof-form form fieldset.fsCheckBox > input[type="checkbox"],
        #dvCyber .prof-form form fieldset.fsCheckBox > input[type="checkbox"],
        #dvLocationLess .prof-form form fieldset.fsCheckBox > input[type="checkbox"] 
        {
            display: inline-block;
        }  
        
        #dvTtraditional .prof-form form div.fsDescription > div.lblDescription,
        #dvCyber .prof-form form div.fsDescription > div.lblDescription,
        #dvLocationLess .prof-form form div.fsDescription > div.lblDescription
        {
            width:100%;
            max-width:800px;
        }

         #dvTtraditional .prof-form form div.fsDescription > div.cacheDesc,
         #dvCyber .prof-form form div.fsDescription > div.cacheDesc,
         #dvLocationLess .prof-form form div.fsDescription > div.cacheDesc
         {
              width:98%;
              max-width: 800px;
              margin-left:0 !important;
         }

         #dvTtraditional .prof-form form div.fsDescription > div.cacheDesc > div,
         #dvCyber .prof-form form div.fsDescription > div.cacheDesc > div,
         #dvLocationLess .prof-form form div.fsDescription > div.cacheDesc > div
         {
              width:100% !important;
         } 
          
         #dvTtraditional .prof-form form div.fsDescription > div.cacheDesc > div .mce-listbox button, 
         #dvCyber .prof-form form div.fsDescription > div.cacheDesc > div .mce-listbox button, 
         #dvLocationLess .prof-form form div.fsDescription > div.cacheDesc > div .mce-listbox button 
         {
             font-size:10px;
         }

         #dvTtraditional .prof-form form div.cachePhotos,
         #dvCyber .prof-form form div.cachePhotos,
         #dvLocationLess .prof-form form div.cachePhotos
         {
            max-width: 587px;
            width:100%;
            margin-left: 0;

            box-sizing: border-box;
            padding-left: 0;
        }

         #dvTtraditional .prof-form form div.cachePhotos ul.ulCachePhotos,
         #dvCyber .prof-form form div.cachePhotos ul.ulCachePhotos,
         #dvLocationLess .prof-form form div.cachePhotos ul.ulCachePhotos
         {
             width:100%;
             padding-left:0;
         }

          #dvTtraditional .prof-form form div.cachePhotos ul.ulCachePhotos > li,
          #dvCyber .prof-form form div.cachePhotos ul.ulCachePhotos > li,
          #dvLocationLess .prof-form form div.cachePhotos ul.ulCachePhotos > li
          {
              margin-left:0;
              margin-right:0;
          } 
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage,
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage,
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImage
          {
              width: 30% !important;
              margin-right: 5px !important;
          }
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle,
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle,
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle
          {
              width: 55% !important;
          }

          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"],
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"],
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li .dvCacheImageTitle input[type="text"]
          {
             max-width: 570px;
             width: 100%;
          }
          
          #dvTtraditional .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"],
          #dvCyber .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"],
          #dvLocationLess .prof-form form div.cachePhotos #ulCachePhotos > li div[id^="dvPhotoRemove_"]
          {
              margin-right:10px !important;
              margin-top:5px !important;
          } 
          
         #dvTtraditional .prof-form form .dvCCFF, 
         #dvCyber .prof-form form .dvCCFF, 
         #dvLocationLess .prof-form form .dvCCFF
         {
             float:none !important;
             width:100%;
         }
          #dvTtraditional .prof-form form .dvCCContainer >div,  
          #dvCyber .prof-form form .dvCCContainer >div,  
          #dvLocationLess .prof-form form .dvCCContainer >div
          {
              margin-left:0 !important;
              margin-top:15px;
          }
          #dvTtraditional .prof-form form #divCC  label,  
          #dvCyber .prof-form form #divCC  label,  
          #dvLocationLess .prof-form form #divCC  label
          {
              width:auto !important;
              text-align:left !important;
          }  
          
          #dvTtraditional .prof-form form #dvLnkCngCC,  
          #dvCyber .prof-form form #dvLnkCngCC,  
          #dvLocationLess .prof-form form #dvLnkCngCC
          {
              margin-right:20px;
          }
          
          #dvTtraditional .prof-form form #dvLnkCngCC #LnkCCDisVal,  
          #dvCyber .prof-form form #dvLnkCngCC #LnkCCDisVal,  
          #dvLocationLess .prof-form form #dvLnkCngCC #LnkCCDisVal
          {
              margin-right:0 !important;
          }      
          
          #dvTtraditional .prof-form form .dvFFContainer, 
          #dvCyber .prof-form form .dvFFContainer, 
          #dvLocationLess .prof-form form .dvFFContainer
          {
              margin-left:0 !important;
          }

          #dvTtraditional .prof-form form #divFF label,
          #dvCyber .prof-form form #divFF label, 
          #dvLocationLess .prof-form form #divFF label
          {
              width:auto !important;
              text-align:left !important;
          }       

          #dvTtraditional .prof-form form #dvLnkCngFF,  
          #dvCyber .prof-form form #dvLnkCngFF,  
          #dvLocationLess .prof-form form #dvLnkCngFF
          {
              margin-right:20px;
          }
          
          #dvTtraditional .prof-form form #dvLnkCngFF #LnkFFDisVal, 
          #dvCyber .prof-form form #dvLnkCngFF #LnkFFDisVal, 
          #dvLocationLess .prof-form form #dvLnkCngFF #LnkFFDisVal
          {
              margin-right:0 !important;
          }      
          
          #dvTtraditional .prof-form form .buttonBar, 
          #dvCyber .prof-form form .buttonBar, 
          #dvLocationLess .prof-form form .buttonBar
          {
            width: 100% !important;
            margin-left: 0 !important;
            float: none !important;
          }

          #dvLoadCoverPhotoPopup >div
          {
              width:100% !important;
              height:auto !important;
          }

          #dvLoadCoverPhotoPopup > div >input
          {
              width: 100% !important;
              max-width: 350px;
          }




      div.topPanel 
      {
        width: 100%;
        max-width: 670px;
        padding: 5px;
        margin: 0;
        box-sizing: border-box;
     }

    #dvTtraditional .prof-form form fieldset.termsAndConditions,
    #dvCyber .prof-form form fieldset.termsAndConditions,
    #dvLocationLess .prof-form fieldset.termsAndConditions 
    {
        margin-left: 0 !important;
        text-align: right;
        overflow: auto;
        width: auto !important;
    }

    #dvEducationInfo.education-data
    {
        width:100% !important;
        max-width:500px;
        box-sizing: border-box;
        height: auto;
        top:155px !important;
        left:0 !important;
    }

    .headerMenuItemLang.mobile_plus
    {
        float:left;
    }
}

@media (max-width: 360px) 
{
    div.userCachesBox div.userCachesToolbar div.toolbarItem select 
    {
        width: 50% !important;
    }

    div.userCachesBox div.userCachesToolbar div.toolbarItem 
    {
        width: 77% !important;
    }

    .prof-form fieldset label[for="HomeLocation"]
    {
        float:none;
        width: 100%;
        text-align:left;
    }

    .prof-form form fieldset.homeLocation
    {
        padding-left:20px;
    }

 
}

@media (max-width: 360px) and (min-width:321px )
{
    li.searchGlobalLi div.headerSearchDivBlock input[type="text"]
    {
        width:170px;
    }
}

@media (max-width: 360px) and (min-width:321px )
{
    li.searchGlobalLi div.headerSearchDivBlock input[type="text"]
    {
        width:170px;
    }
}

@media (max-width: 320px)
{
    li.searchGlobalLi div.headerSearchDivBlock input[type="text"]
    {
        width:130px;
    }

    div.subscribe 
    {
        margin-left:5px;
    }
    div.div.followUsHeader
    {
        margin-left:5px;
    }


    div.menuWithImageItam a 
    {
        width: 75px;
    }
    
    div.menuWithImageItam a img 
    {
        width: 100%;
    }

    .ccInput 
    {
        width: 220px;
    }

    
}


/**************************** Cookies banner ***********************************/

div.warning_banner {
    font-family: DroidKufi_Ben, Tahoma, Arial, Tahoma;
    font-size: 14px;
    font-weight: normal;
    background: #A5BFDD;
    border-bottom: 3px solid #637f98;
    padding: 5px 10px 5px 10px;
    width: 100%;
    display: none;
    box-sizing: border-box;
}


div.warning_banner>div {
    display: inline-flex;
    margin-top:10px;
    margin-bottom:10px;
    width: 100%;
}

div.warning_banner>div>.image {
    width: 11%;
    padding-right: 15px;
    text-align: right;
    display: block;
    margin: auto;
}

div.warning_banner>div>.text {
    width: 70%;
    text-align: justify;
    line-height:1.5;
    color: #000;
    font-size: 16px;
}

div.warning_banner>div>.button {
    width: 19%;
    display: block;
    margin: auto;
    padding-left: 15px;
}


div.warning_banner>div>.button>button {
    min-width: 150px;
    padding: 11px 20px 9px;
    border: 2px solid #009DE0;
    border-radius: 2px;
    font-family: 'Whitney SSm','Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background-color: #ffffff;
    color: #009DE0;
}


div.warning_banner>div>.image>img {
    width: 58px;
}

div.warning_banner .text a
{
    font-weight:bold;
}

@media (max-width: 450px) 
{
    div.warning_banner > div
    {
        display: block;
    }

    div.warning_banner>div>.image 
    {
        display: none;
    }


    div.warning_banner>div>div
    {
        width: auto !important;
    }
     div.warning_banner>div>div.text
     {
         margin-bottom: 10px;
     }
     
    div.warning_banner>div>.button
    {
        padding-left:0;
    }
    div.warning_banner>div>.button>button 
    {
        width: 100%;
    }
}
/************************* End Cookies banner *********************************/


/************************ Terms Of Use AND PrivacyPolicy **************************************/

   .PrivacyPolicy p.headerTextUpper 
   {
         font-size: 20px;
        text-decoration: none;
        color: #000000;
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
    }

    .PrivacyPolicy p.subTitle 
    {
        font-size: 18px;
        color: #4472C4;
        text-decoration: none;
        text-align: left;
        font-weight: 700;
    }

    .PrivacyPolicy p.subTitle2 
    {
        font-size: 16px;
        color: #4472C4;
        text-decoration: none;
        text-align: left;
        font-weight: 700;
    }

    .PrivacyPolicy p.subTitleItalic2 
    {
        font-size: 15px;
        font-style: italic;
        color: #4472C4;
        text-decoration: none;
        text-align: left;
        font-weight: 700;
    }

    .PrivacyPolicy .subTitleBlack 
    {
        font-size: 16px;
        color: #000;
        text-decoration: none;
        text-align: left;
        font-weight: 700;
    }

    .PrivacyPolicy p.marginleft 
    {
        margin-left: 50px;
    }

    .PrivacyPolicy a 
    {
        text-decoration: underline;
    }

    .TermsOfService p.headerTextUpper 
    {
       font-size: 20px;
        text-decoration: none;
        color: #000000;
        text-align: left;
        text-transform: uppercase;
        font-weight:700;
    }

    .TermsOfService p.subTitle 
    {
        font-size: 19px;
        color: #4472C4;
        text-decoration: none;
        text-align: left;
        font-weight:700;
    }

    .TermsOfService p.subTitleItalic 
    {
        font-size: 16px;
        color: #4472C4;
        font-style: italic;
        text-align: left;
        font-weight: 700;
    }

    .TermsOfService p.normalText, span.normalText
    {
        text-decoration: none;
        color: #4d4c4c;
        text-align: left;
        line-height: 18px;
    }

    .TermsOfService ol.lower-alpha 
    {
        list-style-type: lower-alpha;
        margin-left: 2.5em;
    }

    .TermsOfService ol.disc 
    {
        list-style-type: disc;
        margin-left: 2.5em;
    }

    .TermsOfService ol.lower-alpha > li 
    {
        margin-bottom: 0.2em;
        text-decoration: none;
        color: #4d4c4c;
        text-align: left;
        line-height: 18px;
    }

    .TermsOfService a
    {
        text-decoration: underline;
    }
/************************END Terms Of Use AND PrivacyPolicy **************************************/



@media (max-width: 559px) {
    #header div.top_header_container .top_header .topNavigationBar a {
        margin: auto;
        height: auto;
    }
}


@media (max-width: 400px) {
    #header div.top_header_container .top_header .topNavigationBar a {
        font-size: 12px;
    }
}


@media (max-width:681px)
{
     #header div.top_header_container.administration .top_header .topNavigationBar {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }


    div.top_header_container.administration .top_header .topNavigationBar a 
    {
        margin: auto !important;
        height: auto !important;
    }

    #header div.top_header_container.administration .top_header .topNavigationBar {
        float: none !important;
        height: 40px !important;
    }

    #header div.top_header_container.administration {
        height: auto !important;
    }

        #header div.top_header_container.administration .top_header ul.nav.notifications {
            float: none !important;
            justify-content: flex-end;
        }
}

@media (max-width: 700px) {

   

    div.user_info_search div.searchGlobalLi {
        display: none;
    }

    #header div.middle_header
    {
        height:auto;
        margin-top:30px;
    }

    .middle_header div.canvasLogo {
        max-width: 40%;
    }

    div.user_info_search {
        margin: auto 0 auto auto;
        width: 60%;
    }

    a.highlited_button {
    min-width: 0 !important;
    max-width: 40% !important;
    height: auto !important;
    font-size: 13px !important;
    padding: 2px 6px !important;
}

        a.highlited_button.premium
        {
            font-size: 10px !important;
        }

    div.user_info_search div.mamber-info
    {
        float:none;
        width:100%;
    }

    .middleMenuHeader
    {
        max-width:430px !important;
        border-top :none !important;
    }
    
    .middleMenuHeader .menuImageContainer.cont-flex
    {
        display:flex;
        justify-content:center;
    }
    #cacheHuntMenu
    {
        box-sizing:border-box;
        height: auto !important;
    }

    #cacheHuntMenu #firstMenu
    {
        height: auto;
    }
     .middleMenuHeader .menuImageContainer.cont-flex .menuWithImageItam
     {
         margin: 2px auto;
     }
}

@media (max-width: 1120px) 
{

    #header div.top_header_container .top_header 
    {
        padding: 0 10px;
    }

    .middle_header div.canvasLogo 
    {
        padding-left: 10px !important;
    }

    div.user_info_search 
    {
        padding-right: 10px;
    }
   
}



@media (max-width: 562px) 
{
      #header div.top_header_container:not(.administration)
    {
        height: auto !important;
    }
        #header div.top_header_container:not(.administration) .top_header .topNavigationBar
        {
            float: none !important;
            height: 40px !important;
             justify-content: space-around;
            display: flex;
            width: 100%;
        }
    #header div.top_header_container:not(.administration) .top_header ul.nav.notifications
    {
        float: none !important;
        justify-content: flex-end;
    }

     #header div.top_header_container:not(.administration) .top_header .topNavigationBar
    {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

    #header div.top_header_container:not(administration) .top_header .topNavigationBar a
    {
        margin:auto;
        height:auto;
    }

}

@media (max-width: 1220px)
{
    .dropdown-menu.extended.logout {
        right: 0;
        left: auto;
    }
   
}

@media (max-width:866px) and (min-width:701px)
{
    div.user_info_search div.mamber-info
    {
        float:none;
    }

    div.user_info_search div.searchGlobalLi
    {
        float:none;
    }

    div.user_info_search div.searchGlobalLi .headerSearchDivBlock
    {
        margin: 0 0 0 auto;
    }
}

@media (max-width:1393px) and (min-width:701px)
{
      #cacheHuntMenu.middleItemSubmenu
     {
         margin-left:10px;
         left:0;
         
     }
    #cacheHuntMenu.middleItemSubmenu:before
    {
        margin-left: 45px;
        left: 0;
    }
}

@media (max-width: 1470px) {
    .top_header .dropdown-menu.extended.notification {
        right: 0;
        left: auto;
    }

    .top_header .dropdown-menu.extended.inbox {
    right: 0;
    left: auto;
}
}


@media (max-width:500px)
{
    div.dropdown.user-info
    {
        max-width:70%;
        height: auto;
    }

    div.dropdown.user-info a.dropdown-toggle.user
    {
        display: block;
        height:auto;
        overflow-y:auto;
        width:100%;
    }

    a.highlited_button
    {
        max-width: 30% !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
        font-size:11px !important;
    }

     a.highlited_button.premium
     {
         font-size:8px !important;
     }

    div.dropdown.user-info a.dropdown-toggle.user >img 
    {
       margin-right: auto;
       display: block;
    }

    div.dropdown.user-info a.dropdown-toggle.user >span.username 
    {
        max-width: calc(100% - 12px);
        text-overflow: ellipsis;
        float: left;
        display: block;
        overflow-x: hidden;
        margin-right:2px;
    }

   #header .dropdown .dropdown-toggle .caret
    {
        float: left;
        display: block;
        margin-top:8px !important;
    }

    div.user_info_search div.user_info .mamber-info
    {
        align-items: flex-start;
    }

    .dropdown-menu.extended 
    {
        top: 46px;
    }
    
}


.cacheStatistics .right .units
{
    width: auto;
    display: flex;
    justify-content: flex-end;
}

.cacheStatistics .extendedStatsHeader
{
    float: left;
}
.cacheLikesSection
{
    /*border: solid 2px #FF3E1B;*/
    padding: 5px 7px;
    margin-right: 10px;
    float: right;
    max-width: 650px;
}

    .cacheLikesSection ul.cacheLikes 
    {
        padding-left: 0;
        list-style-type: none;
        display: flex;
        justify-content: space-between;
        margin: 5px 0;
        flex-wrap: wrap;
    }

    .cacheLikesSection ul.cacheLikes li
    {
        margin-right: 15px;
    }

   .cacheLikesSection ul.cacheLikes li span.headerText
   {
       font-weight: normal;
   }

   .cacheLikesSection span.headerText
   {
        font-size: 14px;
        font-weight: bold;
        margin-right: 5px;
   }


   @media (max-width: 800px)
   {
       .cacheStatistics .extendedStatsHeader
        {
            float: none;
        }
        .cacheLikesSection
        {
            margin-top: 10px;
            float: none;
        }
   }


ul.nav.notifications >li.open > a.dropdown-toggle a 
{
    position: relative;
}


  
 ul.nav.notifications >li.open > a.dropdown-toggle:after 
 {
    position: absolute;
    bottom: -2px;
    display: block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    z-index: 1000000;

 }

   ul.nav.notifications >li .dropdown-menu:before,  ul.nav.notifications >li .dropdown-menu:after
   {
       border: none;
   }


#header_notification_bar div.dropdown-menu.notification 
{
   overflow-y: hidden;
}

   #header_notification_bar div.dropdown-menu.notification ul.notifications
   {
       list-style: none;
       padding-left:0;
       max-height: 600px;
       overflow: auto;
   }

 .headerMenuItemIcon {
	position:relative;
}

 .play-icon-twitter {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -281px 0px;
	margin-top: -12.5px;
	margin-left: -15.5px;
	left: 50%;
	top: 50%;
	width: 31px;
	height: 25px;
}

 .play-icon-facebook {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -228px 0px;
	margin-top: -13px;
	margin-left: -13px;
	left: 50%;
	top: 50%;
	width: 26px;
	height: 26px;
}

.play-icon-pinterest {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -254px 0px;
	margin-top: -12.5px;
	margin-left: -13.5px;
	left: 50%;
	top: 50%;
	width: 27px;
	height: 25px;
}

.miniSlideDescription{
	padding-left:54px;
}

.miniSlideIconGlobe::before {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -66px 0px;
	left: 0;
	top: 0;
	width: 54px;
	height: 55px;
	content:' ';
}

.miniSlideIconMarker::before {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -120px 0px;
	left: 0;
	top: 0;
	width: 54px;
	height: 55px;
	content:' ';
}

.miniSlideIconSmile::before {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	position: absolute;
	background-position: -174px 0px;
	left: 0;
	top: 0;
	width: 54px;
	height: 55px;
	content:' ';
}

/*div.gradientHeader
{
    width: auto;
    height: 5px;
    background: url(images/gradient.png) no-repeat;
    min-width: 1170px;
}

div.gradientHeaderMenu 
{
      background: url(images/gradient.png) !important;
}

.gradientHeader.gradientHeaderMenu
{
    position:relative;
    z-index:3;
}*/

div.gradientHeader {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	background-position: 0 -100px;
	left: 0px;
	top: 100px;
	width: 100%;
	height: 5px;
}


/*.middleMenuHeaderMobile div.mobile_menu .navbar-toggle
{
    height: 100%;
   
}*/

.middleMenuHeaderMobile div.mobile_menu .navbar-toggle {
	height: 30px;
}

#menu-toggle {
	background-image: url("../../../Content/themes/terracache/images/play-icons.png");
	display:inline-block;
	width: 30px;
	height: 30px;
}


/*************************** tinyMCE   **************************************/
.tox .tox-menubar {
    background-color: #f0f0f0 !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #f0f0f0 !important;
}

.tox.tox-tinymce .tox-statusbar .tox-statusbar__branding 
{
    display: none;
}

.tox .tox-dialog
{
    z-index: 10000 !important;
}

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


.top_header .no-login
{
    float: right;
    margin: 0;
    margin-top: 12px;
    padding-left: 0;
    color: rgb(255,0,0);
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 820px)
{

    .top_header_container.no-login-mode
    {
        height: auto !important;
    }

    .top_header_container.no-login-mode .topNavigationBar
    {
        float: none !important;
        padding-top:5px !important;
    }

    .top_header .no-login 
    {
        
        float: none;
        margin: 10px 0 0;
        font-size: 13px;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
    }
}

@media (max-width: 562px)
{
    .top_header .no-login 
    {
        margin: 2px 0 0 !important;
    }
}



div.prof-form-no-login .field-box fieldset
{
    border: none !important;
     padding: 10px 0;
}
   
    div.prof-form-no-login .field-box fieldset > div
    {
        display: flex;
    }

        div.prof-form-no-login .field-box fieldset > div > label 
        {
            text-align: right;
            margin-right: 10px;
            width: 170px;
        }

        div.prof-form-no-login .field-box fieldset > div > input[type="text"]
        {
            flex-grow: 1;
        }

div.prof-form-no-login .buttonBar 
{
    width: 100%;
}


div.codeAvailabilities {
    display: flex;
    //justify-content: space-between;
    //margin-left: 220px;
    //align-items: baseline;
    gap: 20px;
    flex-wrap: wrap;
}
    div.codeAvailabilities > div.mapLink {
        //flex: 0 0 auto;
        box-sizing: border-box;
        min-width: 160px;
    }
    div.codeAvailabilities > div:not(.mapLink) {
        //flex: 1 1 0;
        width: auto !important;
        min-width: 0 !important;
    }

    /*div.codeAvailabilities > div:not(.mapLink):not(:last-child) {
        margin-right: 10px;
    }*/

    div.codeAvailabilities.center
    {
        justify-content: center;
    }
        @media (max-width: 920px) 
        {
            div .codeAvailabilities > div.note > label.title 
            {
                text-align: center !important;
            }
        }

@media (max-width:640px) {
    div.codeAvailabilities {
        flex-direction: column;
    }
        div.codeAvailabilities > div.mapLink {
            margin-bottom: 10px !important;
        }
}
/*******************************/
.event
{
    position: relative;
    min-height: 57px;
    height: auto !important;
    height: 57px;
    font-size: 13px;
    color: #000000;
    padding: 15px 25px 15px 15px;
    border-top: 1px #b1b2b9 solid;
    border-bottom: 1px #b1b2b9 solid;
    border-right: 1px #b1b2b9 solid;
    border-left: 1px #b1b2b9 solid;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.event img
{
    vertical-align:bottom !important;
}

.owner
{
    background-color: rgb(239, 255, 232);
}

.event a, .user-content.photo .photoinfo .comments .comment a
{
    color: #517CA7;
}

.event span.username, .user-content.photo .photoinfo .comments .comment span.username
{
    color: #517CA7;
    font-size: 12px;
}

.event a.city
{
    border-right: 1px #b2b4bb dotted;
    padding-right: 8px;
    padding-left: 5px;
    text-decoration: none;
    cursor: default;
}

.event .city
{
    border-right: 1px #b2b4bb dotted;
    padding-right: 8px;
    padding-left: 5px;
    text-decoration: none;
    cursor: default;
}

.event .firstFinder
{
    padding-right: 8px;
    padding-left: 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: #E52558;
    cursor: default;
}

.event .coHider {
    padding-right: 8px;
    padding-left: 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: #41a8f3;
    cursor: default;
}

.event .sys_uptime
{
    border-right: 1px #b2b4bb dotted;
    padding-right: 8px;
    text-decoration: none;
    cursor: default;
}

.event a.sys-uptime
{
    text-decoration: none;
    cursor: default;
}

.event img.userpic
{
    margin: 0 10px 0 0;
}

div.dvUserPic
{
    width: 50px;
    text-align: center;
    float: left;
    padding: 5px;
}

    div.dvUserPic img
    {
        margin: auto;
        max-width: 50px;
    }

.event .text
{
    color: #000000;
    min-height: 25px;
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 20px 0;
    height: 80px;
}

.event .message
{
    cursor: pointer;
}

.event .logImages
{
    text-align: center;
    height: 80px;
}

    .event .logImages div.rotation
    {
        vertical-align: top;
        width: 700px;
    }

        .event div.rotation > div
        {
            min-height: 61px;
            margin: 10px 0px;
        }
.logImages 
{
    min-height: 70px;
    margin: 10px 0px;
}

        .event .logImages div.rotation a.carousel-control
        {
            width: 10px;
            zoom: 0.7;
            padding-top: 5px;
        }

        .event .logImages div.rotation div.carousel-inner > div.item
        {
            width: 680px;
            /*padding-left: 30px;*/
        }

            .event .logImages div.rotation div.carousel-inner > div.item div
            {
                margin: 0 5px 0 5px;
            }

        .event .logImages div.rotation div.carousel-inner > div.active
        {
        }

        .event .logImages div.rotation img
        {
            cursor: pointer;
            height: 61px;
        }

            .event .logImages div.rotation img:hover
            {
                -moz-opacity: 0.5;
                filter: alpha(opacity=50);
                opacity: 0.5;
            }

.event span.username, .user-content.photo .photoinfo .comments .comment span.username
{
    color: #0067ce;
    font-weight: bolder;
    white-space: nowrap;
    border-right: 1px #b2b4bb dotted;
    padding-right: 8px;
}

.event span.from-label
{
    padding-left: 8px;
    color: #878991;
    font-size: 11px;
    cursor: default;
}

.event-text
{
    color: black !important;
}

.event .status-block
{
    position: relative;
    padding: 10px 15px 10px 0px;
    margin-left: 60px;
    background: url(/images/doted2.gif) repeat-x 3px top;
    color: #878991;
    font-size: 11px;
    border-top: 1px dotted #b1b2b9;
    min-height: 14px;
}

    .event .status-block .left
    {
        /*width: 250px;*/
        width: 150px;
        float: left;
    }

    .event .status-block .right
    {
        float: right;
    }

        .event .status-block .right a img
        {
            border: 0;
        }

.event .event-function
{
    position: absolute;
    margin: 0px;
    padding: 15px 0px 10px 30px;
    font-size: 11px;
    height: 15px;
    background: url(images/blanded.png) no-repeat left top;
    display: none;
    top: 2px;
    right: 30px;
}

    .event .event-function li
    {
        list-style: none;
        float: left;
        padding: 0 7px 0 0;
        white-space: nowrap;
        color: #8b8d9d;
        background-color: white;
    }

        .event .event-function li.spliter
        {
            width: 1px;
            height: 14px;
            background-color: #d5d5d9;
            font-size: 0px;
            padding: 0;
            border-right: 7px white solid;
        }

/******************  li ***********************/
.ext_list > li, .ext_box
{
    overflow: hidden;
}

    .ext_list > li > figure, .ext_box > figure
    {
        float: left;
    }

    .ext_list > li > div, .ext_box > div
    {
        overflow: hidden;
    }
/*********************************************************/
/********************* view ******************************/
.view
{
    margin-bottom: 30px;
    color: #7f7f7f;
}

    .view > li
    {
        margin-bottom: 23px;
        list-style-type: none;
    }

        .view > li > div
        {
            overflow: visible;
        }

        .view > li > figure
        {
            margin: 5px 19px 10px 0;
        }

            .view > li > figure a
            {
                display: block;
                width: 51px;
                font-size: 28px;
                line-height: 32px;
                color: #fff;
                text-align: center;
                background: #e8e8e8;
                padding: 8px 0 10px;
            }

    .view p
    {
        margin-bottom: 11px;
    }

        .view p.posted
        {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: smaller;
        }

    .view > li > figure a:hover
    {
        background: #000;
    }

    .view a div
    {
        display: inline-block;
        max-width: 96%;
    }

    .view > li > div a:hover, .black
    {
        color: #000;
    }

    .view > li > div a, .news a:hover, .collection a:hover
    {
        color: #888888;
    }

        .view > li > div a:after
        {
            /*display: inline-block;
            width: 4px;
            height: 7px;
            background: url('images/link2_marker.png') no-repeat;
            margin-left: 7px;
            content: "";*/
        }
/*********************************************************/

@media (max-width: 989px) and (min-width:601px) {

    .event .logImages 
    {
        margin-right: 5px;
    }
    .event .logImages div.rotation 
    {
        max-width: 700px;
        width: 100%;
    }
    .event .logImages div.rotation .item > div
    {
        width:19% !important;
        margin-right:2px !important;
        margin-left:2px !important;
    }
}
@media (max-width: 600px) 
{
    
       #dvCacheLogList ul.view
       {
           padding-left:0;
       }
        #dvCacheLogList ul.view li .event
        {
            padding:5px;
            box-sizing:border-box;
        }

         #dvCacheLogList ul.view li .event > div
         {
             width:100% !important;
             max-width: 690px;
             margin-right:0;
             margin-bottom:15px;
         }
        .event .logImages 
        {
           height: auto;
           min-height:0;
        }
         .event .logImages div.rotation 
         {
            vertical-align: top;
            width:100%;
            max-width: 700px;
        }
         .event .logImages div.rotation div.carousel-inner > div.item > div
         {
             width: 42% !important;
         }

    .event .status-block
    {
        margin-left:0;
    }


     .event .cacheLogContainer .text.comment > div
     {
         max-width:100% !important;
         /*overflow:auto;*/
     } 
}