@charset "utf-8";

@import 'reset.css';

body {
    color: #000;    
    background: #FFFFFF url(/images/szene1/background/bg_white_gray_orbs-no-logo.jpg) no-repeat center 0px ;    
    -webkit-text-size-adjust: none ;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-size: 12px;
    min-height: 300px;
    line-height: 1.1;
}

html * {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    image-rendering:optimizeQuality; 
    -ms-interpolation-mode:bicubic;
}

/**
 * hidden for some reasons
 */
.hide, .hidden{
    display: none !important;
}
.invisible{
    visibility: hidden;
}
.clickable{
    cursor: pointer;
}
/**
 * diplayed only on print
 */
.print{
    display: none;
}

/**
 *  Links used by screenreaders to skip to content parts
 *
 */
a.skip{
    display: none;
}


.clear{
    clear: both;
}

.image-container{
    line-height: 0;
    position: relative;
}
.image-container.fill img{
    width: 100% !important;
    height: auto !important;
}
.center{
    margin: 0 auto;
    text-align: center;
}

.align-right{
    text-align: right!important;
}

.text-align-center{
    text-align: center!important;
}
.mobile-only{
    display: none !important;
}

body.logged-out .needs-login{
    display: none !important;
}
@media all and (max-width : 500px){
    .hide-on-narrow-devices{
        display: none !important;
    }
}

.no-background-color{
    background-color: transparent !important;
}
.no-shadow{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;    
}
.no-border{
    border-style: none !important;    
}




h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-rendering: optimizelegibility;
}
h1 {
    font-family: "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif!important;
    letter-spacing: -1px;
    text-decoration: none;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.3em;
}
h2 {
    font-size: 1.4em;
    line-height: 0.95;
    margin-bottom: 0.75em;
}
h3 {
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 0.3em;
}
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 0.3em;
    color: #999;
}
h5 {
    font-size: 1em;
    line-height: 1.25;
    margin-bottom: 0.2em;
    color: #999;
}
h6 {
    font-size: 1em;
    font-style: italic;
    color: #999;
}

a{
    color: #990000;
    text-decoration: none;
    cursor: pointer;
}
a.disabled{
    color: inherit;
    text-decoration: none;
    cursor: default;    
}

/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{*/
h1 a{
    color: inherit;
}

em,strong{
    font-weight: bold;
}


small{
    font-size:0.8em;
}
code{
    font-family: monospace;
}

.color-swatch{
    border-radius: 8px;
    display: inline-block;
    width: 1em;
    height:1em;
    margin-bottom: -0.1em;
    margin-left: 0.2em;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0.3em;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    font-size: 1.2em;
    color: #444;
}




.no-padding{
    padding: 0px !important; 
}

.no-margin{
    margin: 0px !important; 
}


.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}


ul.bullet-list{


}

ul.bullet-list li{
    display: list-item;
    list-style: inside;
    list-style-type: disc;
    line-height: 1.6em;
}


.box.gray{
    padding: 5px;
    background: #F7F7F7;
}

.box.gray > .box-inner{    
    border: 1px solid #E3E3E3;
    background: #EBEBEB;
}

.box.gray footer{
    border-top: 1px solid #bbb;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.box.white{
    padding: 0px;    
}

.box.white > .box-inner{    
    border: 1px solid #e3e3e3;
    background: #FFF;
}

.box.transparent{    
    border-top: 4px solid #E5E5E5;

}

.box.transparent > .box-inner{    
    background: transparent;
}


#page.transparent .content-section{
    background-color: white;
    -webkit-box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.1);

    box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.1);

    /* box-shadow: none; */
    margin-bottom: 2em;
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 3px;
}

.content-section .content-section-header{
    padding: 0px 10px 0 10px;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 5000;      
    overflow: hidden;
    margin-left: -1px;
    margin-right: -1px;
    background-color: white;
    border: none;
    margin-bottom: 0;

}

.content-section .content-section-header .title{    
    margin-bottom: .6em; 
    font-size: 1.2em;
    padding-top: 0.8em;
}

.content-section .content-section-header .title a{    
    color: inherit;
}


.content-section .content-section-header .title a:hover{    
    color: #990000;
}


.content-section .content-section-header .title small{
    font-size: 0.7em;
    font-weight: normal;

}

.main .content-section .content-section-header .title{
    margin-bottom: 0.05em;    
    font-size: 1.3em;

    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}


.main .content-section .content-section-header .sub-title{
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    font-size: 1em;
    color: #666;
    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;
}
@media all and (max-width : 620px){

    .content-section .content-section-header .title{    
        margin-bottom: 0.5em;    
        font-size: 1.7em;
    }


    .main .content-section .content-section-header .sub-title{

    }

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

    .content-section .content-section-header .title{    
        margin-bottom: 0.5em;    
        font-size: 1.2em;
    }


    .main .content-section .content-section-header .sub-title{
        font-size: 1em;
    }

} 

.content-section .content-section-body section.content{
    padding-bottom: 20px;
}

.content-section .content-section-body.width-padding{
    padding: 20px;
}
.content-section .content-section-body section.content:last-child{
    padding-bottom: 10px;    
}
.content-section .content-section-body .box-inner section.content:last-child{
    padding-bottom: 0px;    
}
.content-section .content-section-footer{

    clear: both;
    -webkit-box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-left: -1px;
    margin-right: -1px;
    border-bottom: 1px solid #eee;

    z-index: 5000;
    min-height: 2px;

}

aside .content-section .content-section-footer{

    min-height: 10px;



}

.main.span-3 .content-section .content-section-footer{

    -webkit-box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-left: -1px;
    margin-right: -1px;


    z-index: 5000;
    height: 2px;


}



.main.span-3 .content-section{
    margin-left: -11px;
    margin-right: -11px;    
    overflow: hidden;
}
.main.span-3.inline .content-section{
    margin-left: 0px;
    margin-right: 0px;    
    overflow: hidden;
}


.main.span-3 .content-section .content-section-header{
    padding: 1.7em 10px 0 10px;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 5000;      
    overflow: hidden;
    margin-left: -1px;
    margin-right: -1px;
    background-color: white;
    border: none;
    margin-bottom: 0;
}

.main.span-3 .content-section .content-section-header h1{
    margin-bottom: 0.1em;
}

.main.span-3 .content-section .content-section-header h2{
    margin-bottom: 0.1em;
}
.main.span-3 .content-section .content-section-footer{

    -webkit-box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 5px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-left: -1px;
    margin-right: -1px;


    z-index: 5000;
    height: 2px;


}

.main.span-3 .content-section .content-section-body,
.main.span-3 .content-section .content-section-body  .box-inner{
    background-color: #f7f7f7 !important;
}
.row.white-backgound .main.span-3 .content-section .content-section-body,
.row.white-backgound .main.span-3 .content-section .content-section-body  .box-inner{
    background-color: transparent !important;
}

.main.span-3 .content-section .box > .box-inner{ 
    border: none;    
}






dl {
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.428571429;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
    margin-bottom: 0.3em;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
    .dl-horizontal dd:before,
    .dl-horizontal dd:after {
        display: table;
        content: " ";
    }
    .dl-horizontal dd:after {
        clear: both;
    }    
}




section > header > .actions,
section > footer > .actions{
    float: right;    
}


.box-inner{
    padding: 4px; 
    position: relative;
}



.box-inner > .background-link{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
}

.box-inner > header .actions{
    float: right;    
}

.box-inner > header:after {
    content:"";
    display:table;
    clear:both;
}




.main > section{
    margin-top: 2em;
}

.main > section:first-child{
    margin-top: 0em;
}


#page{
    padding-top: 14px;        
    background-color: #fff;    
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
}


#page-end{
    clear: both;
    padding-bottom: 1px;
}

.white #page{
    background-color: rgb(255,255,255);
}

.transparent #page{
    background-color: rgba(255,255,255,0.85);
}

#page.transparent{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}



#pagewrapper{
    overflow: hidden;
}


#pagewrapper > *{

    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: 100%;
    max-width: 960px;

}

/**
 * for bigger browser windows nuge everything a little bit to the left
 */
@media all and (min-width : 1120px) 
{
    #pagewrapper > *{left: -75px;}

}

/**
 * for even bigger browser windows left align everything 
 */
@media all and (min-width : 1050px) and (max-width : 1500px) 
{
    #pagewrapper > *{left: 0;margin-left: 50px;}
    body{
        background-position: -30px 0;
    }

}



@media all and (max-width : 1110px) 
{
    body{
        background-position: -30px 0;
    }

    .fixedbar nav{

        margin-left: 0 !important;
    }

}


#header { min-height:90px; padding: 10px 0;}

#logo { 
    position: absolute;
    cursor:pointer;
    height:90px; 
    width:225px; 
    background: transparent url('/images/logo-200.png') -6px 50% no-repeat;

}
#logo h1 a {
    display:block; 
    text-indent:-9999px; 
    line-height: 90px;
}






.navbar{
    border-bottom: 4px solid #CC0F16;    
    background-color: black;
    background: #232324 url('/images/szene1/navigation/bg_nav.png') repeat-x 0 0 ;
    height: 56px;
    color: white;
    position: relative;
    z-index: 150;


    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);
}

.navbar a{
    color: white;
    text-decoration: none;
    font-weight: bold;
}



.navbar .menu-button{
    display: none;
}
.navbar .navigation{
    display: inline-block;
    font-size: 11px;
    padding-left: 10px; 
    float: left;    
}

@media all and (min-width : 621px) {
    .navbar .navigation{
        height: auto !important;
    }
}

.navbar .navigation > li.label.topmost {
    padding-top: 1em;
}

.navbar .navigation > li.label a,
.navbar .navigation > li.label a:active,
no-touch .navbar .navigation > li.label a:hover{
    color: #999;
    background-color: transparent !important;

}


/**
 * First level 
 */
.navbar .navigation > li {
    display: inline-block;    
    text-shadow: 0 2px 1px rgba(0,0,0,0.3);    
    float: left;
}

.navbar .navigation > li > a{
    display: inline-block;            
    cursor: pointer;    
    font-weight: bold;    
    line-height: 56px;
    padding: 0 14px ;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.navbar .navigation > li.active > a,
.no-touch .navbar .navigation > li:hover > a{
    background: url("/images/szene1/navigation/bg_nav.png") repeat-x scroll 100% -63px transparent;        
    text-shadow: none;
}


/**
 * Second level
 */
.navbar .navigation > li  > ul {
    background-color: #CC0F16;            
    list-style: none outside none;
    min-width: 150px;   
    padding: 5px 0;
    position: absolute;
    display: none;
    z-index: 800;
}

.no-touch .navbar .navigation > li:hover > ul, 
.no-touch .navbar .navigation > li:active > ul, 
.no-touch .navbar .navigation > li:focus > ul{
    display: block;
    margin-left: 0;
    opacity: 1;
}


.no-touch .navbar .navigation > li.hidemenu:hover > ul, 
.no-touch .navbar .navigation > li.hidemenu:active > ul, 
.no-touch .navbar .navigation > li.hidemenu:focus > ul{
    display: none;    
}





nav#navigation li.new:before, 
nav#navigation li.hot:before, 
nav#navigation li.top:before, 
nav#navigation li.popular:before, 
nav#navigation li.updated:before {        
    background: url("/images/default/icon/szene1_mods.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 31px;
    margin-left: 16px;
    position: absolute;
    top: -5px;
    content: ' .';
    text-indent: -200em;
}

nav#navigation li.locations:before{
    margin-left: 31px;
} 

nav#navigation li.new:before{
    background-position: 0 -13px!important;
}

nav#navigation li.hot:before{
    background-position: 0 -26px!important;
}

nav#navigation li.top:before{
    background-position: 0 0px!important;
}

nav#navigation li.popular:before{
    background-position: 0 -52px!important;
}

nav#navigation li.updated:before{
    background-position: 0 -39px!important;
}




nav#navigation li.flirtfinder.hot:after{
    margin-left: 17px;
}

.navbar .navigation > li  > ul a{
    color: #FFFFFF;
    display: block;    
    line-height: 1em;
    padding: 1em 3em 1em 1.5em;
    text-decoration: none;
    text-transform: none;
}


.no-touch .navbar .navigation > li  > ul a:hover,
.navbar .navigation > li  > ul a:focus{
    background-color: #990000;    
    color: #FFFFFF;
}




@media all and (max-width : 980px) 
{
    .navbar .navigation > li > a {
        padding-left: 9px;
        padding-right: 9px;
    }

    .navbar .navbar-search{
        display: none !important;
    }    



}

@media all and (max-width : 700px) 
{
    .navbar .navigation > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .navbar .navbar-seperator{
        display: none !important;
    }

}



@media all and (max-width : 620px) 
{


    html,body,#pagewrapper{
        height:100%;
        overflow-x: hidden;
    }
    body{
        background-position: center 0px !important;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only{
        display: inherit !important;
    }


    #footer{
        display: none;
    }

    #logo{
        display: none;
    }

    .navbar {
        position: absolute;
        top:0;
        width: 100%;
        left:0;
    }

    #page{
        position: absolute;
        top:59px;
        width: 100%;
        left:0;
        bottom:0;
        overflow: hidden;
        padding-top: 20px;
        overflow-y: auto; 
        -webkit-overflow-scrolling: touch;

    }



    /**
     *  animate the menu opening
     */
    #pagewrapper, .navigation, .navbar{    
        -webkit-transition: .25s left ease-in;
        -moz-transition: .25s left ease-in;
        -o-transition: .25s left ease-in;
        transition: .25s left ease-in;
    }

    /**
     *  disable scrolling on body
     */
    body.mobile-navigation-visible{
        overflow: hidden;
    }

    body.mobile-navigation-visible #pagewrapper{    
        position: relative;
        left: 250px;           
        overflow: visible;
        overflow-x: visible;
    }






    body.mobile-navigation-visible #page{            
        overflow: hidden;

    }


    .navbar .navigation{
        position: absolute;
        top: 0;
        left: -260px;
        width: 260px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #262626;
        -webkit-overflow-scrolling: touch;
        padding-left: 0; 
        font-size: 12px;

        z-index: 50!important;
    }
    body.mobile-navigation-visible .navbar .navigation{
        left:-260px;
    }





    .navbar .navigation li{
        display: block;
        position: relative;
    } 

    .navbar .navigation li a {
        background-color: #535353;
        border-bottom: 1px solid #222222;
        color: #EFEFEF;
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 0.8em 0.5em 0.8em 1.3em;
        text-decoration: none;
        text-transform: none;
        background: none #535353;
    }



    .navbar .navigation li a:active, 
    .no-touch .navbar .navigation li a:hover, 
    .navbar .navigation li a:focus{
        background-color: #666 !important;    
        color: #FFF !important;    
    }
    .navbar .navigation li li a{
        padding-left: 2em;
        font-size:0.9em;
    }

    .navbar .navigation > li.active > a, 
    .no-touch .navbar .navigation > li:hover > a {
        background: none #535353;
    }



    /**
     * First level 
     */


    .navbar .navigation > li.label {
        display: block;        

        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 2em;

    }
    .navbar .navigation > li.label a,
    .no-touch .navbar .navigation > li.label a:hover,
    .navbar .navigation > li.label a:active,
    .navbar .navigation > li.label a:focus {
        color: #999 !important;
        cursor: default;
        font-size: 1.2em;
    }

    .navbar .navigation > li {
        display: block;    
        text-shadow: none;
        float: none;
    }

    .navbar .navigation > li > a{
        display: block;                    
        font-weight: bold;    
        line-height: 1em;        
        white-space: normal;
    }



    .navbar .navigation > li.active > a,
    .no-touch .navbar .navigation > li:hover > a{
        background-image: none;                
    }


    /**
     * Second level
     */
    .navbar .navigation > li  > ul {
        background-color: transparent;            
        padding: 0;
        position: relative;
        display: block;        
    }

    .no-touch .navbar .navigation > li:hover > ul, 
    .no-touch .navbar .navigation > li:active > ul, 
    .no-touch .navbar .navigation > li:focus > ul{
        display: block;
        margin-left: 0;
        opacity: 1;
    }



    nav#navigation li.new:before, 
    nav#navigation li.hot:before, 
    nav#navigation li.top:before, 
    nav#navigation li.popular:before, 
    nav#navigation li.updated:before {
        right: 15px;
        top: 8px;
        text-indent: -999em;

    }



    .navbar .menu-button{
        width: 150px;
        height: 40px;
        display: inline-block !important;
        margin-top:  7px;
        float: left;
        margin-left: 5px;

        background: transparent url('/images/header-logo.png') no-repeat 100% 0;

    }

    .navbar .menu-button .bar{
        margin: 0 5px;
        border-radius: 2px;
        height: 4px;
        margin-bottom: 5px;
        width: 26px;
        background-color: #f7f7f7;
        display: block;
    }

    .navbar .menu-button .bar:first-child{
        margin-top: 8px;
    }


    .navbar .navigation > li  > ul a{
        line-height: inherit;
        padding: 0.8em 0.5em 0.8em 2.5em;

    }


    #cockpit-panel, #user-picture, .navbar-seperator{
        display: none !important;
    }


}










.navbar  .navbar-right-section{
    float: right;
    margin-right: 2px;
    position: relative;
}
.navbar  .navbar-item{
    display: inline-block;
    height: 54px;
    float: left;

}

.navbar  .navbar-seperator{
    border-left: 1px solid #040404;
    border-right: 1px solid #2F2F2F;
    height: 30px;
    margin-top: 11px;
    margin-left: 1px;
}

.navbar-panel > .button{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px;        
    cursor: pointer;
    display: block;
    padding: 15px 9px 15px 7px;
    position: relative;

}
.navbar-panel > .button > .icon-24{

    opacity: 0.2;
}

.navbar-panel.show-badge > .button > .icon-24,
.navbar-panel.active > .button > .icon-24,
.no-touch .navbar-panel > .button:hover > .icon-24{
    opacity: 1.0;    
}
.navbar-panel .icon-24.icon-cockpit{
    opacity: 1.0;        
}

.navbar-panel .button .badge {
    position: absolute;
    right: 3px;
    top: 7px;
    font-weight: bold;
    font-size: 9px;
    padding: 2px 4px;
    line-height: 9px;
    text-indent: 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;    
    border-radius: 2px;    
    background: #CC0F16;    
    display: none;
}
.navbar-panel#friends-panel .button .badge {
    background: #A9BE21;
}

.navbar-panel.show-badge .button .badge {
    display: block;
}

.navbar-panel > .overlay{
    display: none;
    min-width: 300px;
    right: -20px;

}

@media all and (max-width : 1024px) 
{
    .navbar-panel > .overlay{
        right: 0px;
    }
}

.navbar-panel.narrow > .overlay{
    min-width: 150px;
}

.navbar-panel.active > .button{
    background-color: #3B3A3B;
    height: 60px;   
}
.navbar-panel.active > .overlay{
    display: block;
    background-color: #3B3A3B;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
}


.navbar-panel > .overlay .loading-indicator{
    width: 100%;
    padding: 20px 0 ;
    text-align: center;    
}


.navbar-panel > .overlay .error{
    color: #cc0f16;
    width: 100%;
    padding: 5px 0 0 0 ;
    text-align: center;    
}







/**
 * Styling for menu like overlays like the cockput menu to the left
 */
.navbar-panel > .overlay ul.menu li{

    font-size: 11px;
    height: 33px;


}


.navbar-panel > .overlay ul.menu li a{
    display: block;    
    padding: 1em 3em 1em 1.5em;    
    text-shadow: 0 1px 0 black;
}








.navbar-panel > .overlay  li{

    position: relative;    
    border-top: 1px solid #222;   
    list-style: none;
    display: block;
    font-size: 11px;    
}

.no-touch .navbar-panel > .overlay li:hover {
    background-color: #2F2F2F;
}



.navbar-panel >  .overlay  li:first-child{
    border-top: none;    

}


.navbar-panel > .overlay  li:after {
    content:"";
    display:table;
    clear:both;
}


.navbar-panel > .overlay  li.center {
    text-align: center;
}

.navbar-panel > .overlay  li.center > a,
.navbar-panel > .overlay  li a.center{
    display: block;
    padding: 0.8em;
    text-align: center;
}





.navbar-panel > .overlay  .user-list-container > .thumb {    
    float: left;
    width: 40px;
    padding-top: 5px;
    overflow: hidden;
}

.navbar-panel > .overlay  .user-list-container > .thumb img{    
    margin-left: 5px;

    width: 30px !important;
    height: auto !important;

}

.navbar-panel > .overlay .user-list-container  .timestamp {        
    color: #CCCCCC;
    font-size: 10px;
}

.navbar-panel > .overlay  .user-list-container > .user-list-content{        
    padding: 0.5em;
    margin-left: 40px;

    display: block;
    position: relative;
}

.navbar-panel > .overlay  .user-list-container  > .action >  .actions{        
    float: right;    
    display: block;
    position: absolute;
    top: 12px;
    right:0px;

}


.navbar-panel > .overlay  .user-list-container  > .action >  .actions a{
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.navbar-panel > .overlay  .user-list-container > .action > .actions a:before{
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    font-size: 15px;
    /*
    -webkit-font-smoothing:antialiased;
    */

}

.navbar-panel > .overlay  .user-list-container  > .action >  .actions a.icon-16-plus:before{content:"\002b"; color: white;}
.navbar-panel > .overlay  .user-list-container  > .action >  .actions a.icon-16-delete:before{content:"\e014";color: black;}







#requests-panel  > .overlay  .user-list-container > .user-list-content select{        
    width: 170px;
    margin-right: 10px;
}


#requests-panel .overlay{
    min-width: 300px;
}

#requests-panel .user-list-content{
    min-height: 40px;
}



.navbar-icon{    

    line-height: 0;
    overflow: hidden;

}
.navbar-icon a{   
    padding: 5px;
    padding-top: 7px;
    display: block;
    margin-right: 2px;
}



.navbar-search{
    position: relative;
}
.navbar-search > input[type="text"]{
    background-color: black;
    border-radius: 3px;

    -moz-box-shadow: inset 0px -1px 2px -1px rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0px -1px 2px -1px rgba(255,255,255,0.8);   
    box-shadow: inset 0px -1px 2px -1px rgba(255,255,255,0.8);

    border: none;
    height: 30px;
    margin-top: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 220px;
    margin-left: 17px;
    margin-right: 8px;
    padding: 2px 0.8em;
    color: white !important;
    position: relative;
    display: block;
    font-size: 12px;

}



.navbar-search .search-button:after{
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    font-size: 15px;
    position: absolute;
    right:16px;   
    top: 18px;
    color: gray;
    content:"\e003"; 
    -webkit-font-smoothing:antialiased;
}


.navbar-search.active .search-button:after{
    color: white;
}


.navbar-search > .overlay{
    display: none;
    min-width: 620px;
    right: 0px;

    top: 60px;

}

.navbar-text{
    position: relative;
    line-height: 54px;
    font-weight: normal;
    padding: 0 10px;
    font-size: 11px;
}


.navbar-signin{


}

.navbar-signin .signin{
    padding-right: 15px ;
    padding-left: 15px ;
    color: #CC0F16;

}

.navbar-signin .register{
    padding-right: 15px ;
    padding-left: 15px ;




}
@media all and (max-width : 620px){
    .navbar-signin {

    }
    .navbar-signin a{

        line-height: 20px;
        text-align: right;    
        display: block;
        padding-right: 0px !important;

    }
    .navbar-signin .register{
        padding-top: 5px;

    }



    .fixedbar nav{
        position: static !important;
        top:auto;
        z-index: 3000;
        left:auto;
        right:auto;
        width: auto !important;        
    }

}



.navbar-search.active > .overlay{
    display: block !important;
    background-color: #3B3A3B;
    position: absolute;
    padding-top: 5px;
}


.navbar-search > .overlay .loading-indicator{
    width: 100%;
    padding: 20px 0 ;
    text-align: center;    
}

.navbar-search > .overlay .error{
    color: #cc0f16;
    width: 100%;
    padding: 5px 0 0 0 ;
    text-align: center;    
}


.navbar-search > .overlay .column{
    width: 32%;
    float: left;
    min-height: 200px;
    position: relative;
    padding:  0 0.5%;
}

.navbar-search > .overlay .column > h4{
    font-size: 11px;
    padding-left: 5px;
}
.navbar-search > .overlay .results{
    font-size: 11px;
    color: #757776;
}
.navbar-search > .overlay .results > ul{
    display: block;
}
.navbar-search > .overlay .results > ul > li{
    display: block;    
    border-top: 1px solid #040404;
    position: relative;
    padding: 0.5em;
    min-height: 1.5em;
}
.no-touch .navbar-search > .overlay .results > ul > li:hover{
    background: #2F2F2F;
}

.navbar-search > .overlay .results > ul > li > div{
    position: relative;
    min-height: 30px;
}


.navbar-search > .overlay .results > ul > li a.thumb{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}



.navbar-search > .overlay .results > ul > li a.url{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.navbar-search > .overlay .results > ul > li a.url img{
    display: block;
    height: 30px;
    overflow: hidden;
    width: 30px;
}


.navbar-search > .overlay .results > ul > li .content{
    display: block;    
    padding-left: 40px;
    padding-bottom: 4px;
}

.navbar-search > .overlay .results.user > ul > li .content{
    padding-right: 20px;    
}

.navbar-search > .overlay .results > ul > li .status{
    position: absolute;
    right: 0;
    top: 0;
}





#page > .page-header{
    margin-bottom: 0px !important;    
}

#page > .page-header h1{

}


#page > .row,
#page > form > .row{
    clear: both;    
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    z-index: 20;
}

#page > .row:after ,
#page > form > .row:after {
    content:"";
    display:table;
    clear:both;
}

#page > .row > aside,
#page > form > .row > aside{
    width: 300px;
    display: block;
    /*min-height: 200px;*/
    padding-bottom: 20px;
}


#page > .row > div.main,
#page > form > .row > div.main{


    /*    overflow: hidden;*/
    float: left;    
    position: relative;
    z-index: 10;
}

#page > .row > div.main,
#page > form > .row > div.main,
#page > .row > div.main.span-2,
#page > form > .row > div.main.span-2{width: 620px;}
#page > .row > div.main.span-3,
#page > form > .row > div.main.span-3{width: 100%}
#page > .row > div.main.span-1,
#page > form > .row > div.main.span-1{width: 300px;}



#page > .row > aside.right,
#page > form > .row > aside.right{    
    float: right;
    margin-left: 20px; 
    position: relative;
    z-index: 5;

}
#page > .row > aside.left,
#page > form > .row > aside.left{    
    float: left;
    margin-right: 20px;            

}

#page > .row > div.main.pull-right,
#page > form > .row > div.main.pull-right{    
    float: right;
}


@media all and (max-width : 1024px) 
{

    #pagewrapper > *{
        max-width: 1024px;
    }




    .fixedbar nav{
        position: fixed !important;
        top:0px;
        z-index: 3000;
        left:0;
        right:0;
        width: auto !important;
        margin-left:0 !important;
    }


    #page > .row > div.main,
    #page > form > .row > div.main,
    #page > .row > div.main.span-2,
    #page > form > .row > div.main.span-2{width: 66.8%;}
    #page > .row > div.main.span-3,
    #page > form > .row > div.main.span-3{width: 100%}
    #page > .row > div.main.span-1,
    #page > form > .row > div.main.span-1{width: 33.6%;}


    #page > .row > aside,
    #page > form > .row > aside{
        width: 31%
    }
    #page > .row > aside.right,            
    #page > form > .row > aside.right{            
        margin-left: 2%;            

    }
    #page > .row > aside.left,
    #page > form > .row > aside.left{    
        margin-right: 2%;            
    }

    /**
     *  more space to the left and th right so  small devices 
     *  are still able to scroll even if content elements catch focus (maps !)
     */
    #page > .row,
    #page > form > .row{
        margin-left: 20px;
        margin-right: 20px;        
    }


    #logo{
        margin-left: 10px;
    }

}


@media all and (max-width : 621px) {
    #page > .row,
    #page > form > .row{
        margin-left: 5px;
        margin-right: 5px;        
    }


}
@media all and (max-width : 980px) 
{

    /**
     * switch to one column layout 
     */    
    #page > .row > div.main,
    #page > form > .row > div.main,
    #page > .row > aside,
    #page > form > .row > aside{
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0!important;
        width: auto!important;
    }
}





.row > aside section > header > h1,
.row > aside section > header > h2,
.row > aside section > header > h3{
    padding-top: 0;
    font-size: 1.5em;
    margin-bottom: .5em;
    border-bottom: 3px solid #E3E3E3;
    padding: 15px 0 3px;
    margin-bottom: .3em;
    line-height: 1em;
}

.row > aside section > .section-body.white{
    background-color: white;    
    margin-bottom: 0.3em;
    border: 1px solid #ddd;
}


@media all and (min-width : 981px) {
    .row > aside > section:first-child header h1,    
    .row > aside > section:first-child header h2,    
    .row > aside > section:first-child header h3{
        padding-top: 0;
        margin-top: -1.2em;
        position: relative;
        z-index: 50;
    }
}

.row > aside section > footer{

    border-top: 1px solid #E3E3E3;
}






#footer {

    clear: both;
    padding: 10px 0 30px 0;
    background: #f7f7f7;
}

#footer .box-dynamic {float: left; display:inline; margin:0px 10px 2em 10px; width: 200px; background:none;}


#footer #sitemap li {border-bottom: 1px solid #EBEBEB;  border-top: 1px solid #FFF;  }
#footer #sitemap li:first-child { border-top: none;  }
#footer #sitemap li:last-child { border-bottom: none;  }
.no-touch #footer #sitemap li:hover {background: #EBEBEB;}
#footer #sitemap li a{    
    display: block;
    text-decoration: none;
    line-height: 1em;    
    color: #757776;    
    padding: 0.5em 0em 0.5em 1em;
}
.no-touch #footer #sitemap li a:hover {color:#000;}


#footer .tags > li {    
    display: inline-block ;        
}

#footer .tags > li > a {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding:3px 5px;
    background: #EBEBEB;
    color: #757776;
    vertical-align: middle;
    text-decoration:none;
    border-radius: 3px;    
}
.no-touch #footer .tags > li > a:hover { background: #FFF; color:#000;}

#footer .tags > li a.searchtag{margin:2px; cursor: default; border:1px solid #E3E3E3;}
.no-touch #footer .tags > li a.searchtag:hover{background: #F7F7F7; border:1px solid #EBEBEB;}

#footer #copyright {text-align:center;color: #757776; margin: 0px;}
#footer #copyright li{ display:inline; margin:0px 1px 0px 1px; line-height:1.4em; }
.no-touch #footer #copyright a:hover{color:#000; }

#footer #footerlinks {color:#757776; margin: 5px; text-align:center;}
#footer #footerlinks li{display:inline;}
#footer #footerlinks li span {display:block; margin-top:15px; text-align: center;}






.entity-table{
    width: 100%;
    border-collapse:collapse;
}

.entity-table thead th{
    border-bottom: 1px solid #333;    
    font-size: 1.2em;
    padding: 0.5em 0;
}

.entity-table tbody td{
    border-bottom: 1px solid #ddd;        
    padding: 0.5em 0;
    color: #757776;
}

.entity-table th:first-child{
    padding-left: 12px;
}

.entity-table td:first-child{    
    padding-left: 10px;
}
.entity-table .actions{    
    padding-right: 10px;

}
.entity-table td.thumb {    
    vertical-align: middle;
    text-align: center;
}
.entity-table td.thumb img{    
    max-height: 40px;
    max-width: 80px;
    vertical-align: middle;
    width: auto !important;
    height: auto !important;

}
.entity-table tbody td.actions{
    text-align: right;
}

.entity-table td.actions .action{

    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    color: inherit;
    padding: 0.3em;
    margin-left: 3px;
}

.no-touch .entity-table .actions .action:hover{
    color: #CC0F16;    
}
.entity-table  th.centered,
.entity-table td.centered,
.entity-table td.centered *{
    text-align: center;

}






form select,
form textarea,
form input[type=text]{
    -moz-transition: background-color 1s ease 0s;
    -webkit-transition-property: background, left;
    -webkit-transition-duration: 1s, 1s;    
    background:#F5F5F5 none repeat scroll 0 0; 
    border: 1px solid #E0E0E0;
    display: inline-block;
    padding: 5px ;
    overflow:hidden;    
    width: 70%;
    box-sizing: border-box;    
    -moz-box-sizing: border-box;    
}

/** CKEditor */
form .cke{
    -moz-transition: background-color 1s ease 0s;
    -webkit-transition-property: background, left;
    -webkit-transition-duration: 1s, 1s;    
    display: inline-block;    
    overflow:hidden;    
    width: 70%;
    box-sizing: border-box;    
    -moz-box-sizing: border-box;    

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form select:focus,
form textarea:focus,
form input[type=text]:focus{
    background:#fff; 
}

form textarea{
    min-height: 9em;
    resize: vertical;
}

textarea.form-element.full-width{
    width: 100%;

}

form .form-element.error input,
form .form-element.error textarea{
    border: 1px solid #cc0f16;

}

form .form-element.error > ul{    
    padding-bottom: 3px;    
    margin-right: 1.5%;
    padding-top: 3px;
}

form .form-element.error > ul > li{
    color: #cc0f16;    
    text-align: right;
}
form .form-element fieldset legend,
form label > span:first-child{
    float: left;
    width: 29%;
    display: block;
    margin-top: 5px;
}

form .form-element.checkbox{
    margin-top: 1.3em;
}

form .form-element.checkbox input{
    margin-right: 0.3em;
}
form .form-element.checkbox.error ul,
form .form-element.checkbox input,
form .form-element.checkbox .info{
    position: relative;
    top: 4px;
}
form .form-element.checkbox.error > ul{
    padding-left: 1em;
    display: inline;    
}
form .form-element.checkbox.error > ul > li{
    display: inline;    
}
form .form-element.gender legend{
    margin-top: 0;
}
form .form-element.gender.error ul{
    position: relative;
    top: 4px;

}
form .form-element.gender.error > ul{
    padding-left: 1em;
    display: inline;    
    float: right;;
    position: relative;
    top: -1.3em;
}
form .form-element.gender.error > ul > li{
    display: inline;    
}

/* radiobuttons  markup*/
form .form-element > fieldset{
    margin: 0;
    padding: 0;
}
form .form-element > fieldset > legend{
    font-size: inherit;
    padding-right: 0;
}

form aside.right label > span:first-child{
    float: left;
    width: auto;
    margin-right: 1em;
    display: block;
}


form div.error{
    color: #cc0f16;
    margin-bottom: 1em;
    /*margin-left: 180px;*/
    font-weight: bold;	
}
form aside.right div.error{
    margin-left: 0px;

}

form .form-element fieldset input[type=radio]{
    margin-right: 5px;
}

form .form-element fieldset label{
    margin-right: 10px;
}

form input{
    padding: 2px 5px ;
}

form .form-element{
    margin-bottom: 1em;
    clear: both;
}
.form-element.inline{
    display: inline-block;
}

form fieldset{
    border-top: 1px solid #F7F7F7;
    margin-top: 2em;
    padding-top: 15px;
}

form fieldset:first-child{
    border-top: none;

}

form fieldset legend{
    padding-right: 1.9em;
    font-size: 1.3em;



}

form footer{
    text-align: right;
}

form aside.right  footer{
    text-align: left;
}

form footer .cancel{
    margin-right: 20px;

}

form footer .form-element{
    display: inline-block;
}

form footer .btn{
    display: inline;
}

input[type=submit], .btn {
    padding: 5px 10px !important; 
    margin: 0px 5px 5px 0px; 
    width: auto !important; /*float: none;*/
    color: #000 !important;
    font-weight: bold; 
    text-shadow: 0px 1px 1px #fff !important;
    border: 1px solid #E3E3E3 !important;
    text-decoration:none !important;
    cursor:pointer;
    border-color: #BBB #BBB #999 !important;

    /* BORDER RADIUS */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;        
    display: inline-block;
    /* TEXT SHADOW */
    text-shadow: 0 1px 1px #FFFFFF;

    /* BACKGROUND GRADIENTS */
    background: #F1F1F1 ;
    background: -moz-linear-gradient(top, #FFFFFF, #F1F1F1) ;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),to(#F1F1F1));
}

input[type=submit].block, .btn.block {
    display: block;
    width: 100%!important;
    box-sizing: border-box;
    text-align: center;
}

input[type=submit]:disabled , .btn:disabled, .btn.disabled {
    color: #aaa!important;
}


.no-touch input[type=submit]:hover, .no-touch button:hover,.no-touch .btn:hover{
    text-decoration:none;
    background: #FFF;
}

.no-touch input[type=submit].disabled:hover, .no-touch button.disabled:hover,.no-touch .btn.disabled:hover{
    
    /* BACKGROUND GRADIENTS */
    background: #F1F1F1 ;
    background: -moz-linear-gradient(top, #FFFFFF, #F1F1F1) ;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),to(#F1F1F1));
}

.glyphicon.btn:before{
    padding-right: 5px;
    font-size: 0.9em;
}




@media all and (max-width : 620px) {
    form label > span:first-child{
        display: block;
        width: 100%;
    }    

    form select,
    form textarea,
    form input[type=text]{
        display: block;
        width: 100%;
    }

    .actions .action label{
        display: none;
    }
}


.page-header .actions{
    position: absolute;
    top:0;
    right:0;
}

.page-header .actions .action:last-child{
    margin-right: 0;
}


.action.needs-confirmation{
    padding: 0 !important;
    margin-bottom: 2.4em;
}

.action.needs-confirmation .button{
    display: block;
    position: relative;
    z-index: 50!important;
    padding: 5px;
    color: inherit;
}
.action.needs-confirmation .confirmation-layer input{
    margin: 3px;
}
.action.needs-confirmation .confirmation-layer{
    position: absolute;
    display: none;
    z-index: 30;
    -webkit-transition: .25s left ease-in;
    -moz-transition: .25s left ease-in;
    -o-transition: .25s left ease-in;
    transition: .25s left ease-in;
    right:1px;


    padding: 0;
    position: absolute;
    white-space: nowrap;


    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);    
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);    




    margin-top: 4px;
    z-index: 45;

    font-size: 0.9em;
    color: #ddd;
    background-color: #e82100;
    font-weight: normal;
    cursor: pointer;
}



/* creates the triangle */
.action.needs-confirmation.confirmation-visible .confirmation-layer:after {
    content:"";
    position:absolute;
    top:-18px;
    right:10px;
    border:10px solid transparent;
    border-bottom-color:#e82100;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;

}



.action.needs-confirmation.confirmation-visible .confirmation-layer{
    display: block;
}


.list{

}

.list.cols-2{
    display: table;
    width: 100% !important;
    border-collapse:collapse; 
    table-layout:fixed;
}

.list.cols-2 .list-row{
    display: table-row;

}

.list.cols-2 .list-row .list-item{
    display: table-cell;
    width: 50%;
    position: relative;
    border-top: 1px solid #e3e3e3;
    vertical-align: top;

}
.list.cols-2 .list-row:first-child .list-item{
    border-top: none;

}
.list.cols-2:after {
    content:"";
    display:table;
    clear:both;
}

.list  .list-item{
    width: 100%;
    display: block;
    margin: 0 0;
    color: #757776;
    overflow: hidden;
    position: relative;
    cursor: pointer;


}


.list-item  .list-item-inner{
    padding: 0 10px;
    margin: 5px 0;
    min-height: 40px;
    position: relative;

}

.list-item  .list-item-inner  .background-link{
    position: absolute;
    top:-5px;
    left:0;
    right:0;
    bottom: -5px;
    z-index: 90;

}

.list-item  .list-item-inner * a{
    position: relative;
    z-index: 100;

}

.list-item > .list-item-inner > aside.right{
    float: right;
}
.list-item > .list-item-inner > section,
.list-item > .list-item-inner > header{
    margin-left: 70px;
}
.list-item > .list-item-inner > aside.right a.category{
    margin-right: 10px;
    line-height: 40px;
    text-decoration: underline;
}


.no-touch .list-item:active,
.no-touch .list-item:hover{
    background-color: rgba(200,0,0,0.1);
}


.list .list-row{
    clear: both;
    border-top: 1px solid #E3E3E3;    
}
.list .list-row:first-child{    
    border-top: none;
}

.list.cols-2 .list-item:nth-child(2n + 1) {    
    border-right: 1px solid #e3e3e3;

}
.list-item h1,
.list-item h2,
.list-item h3,
.list-item h4,
.list-item h5{
    margin-bottom: 0.2em;
}

.list-item aside.thumb {
    display: block;
    line-height: 38px;
    padding-right: 10px;
    margin-top: 0;
    min-height: 38px;
    position: absolute;
    width: 50px;
    text-align: center;
    border-right: 1px dashed #EEEEEE;
}
.list-item .thumb img {
    max-height: 40px;
    max-width: 50px;
    vertical-align: middle;
    width: auto;
}



@media all and (max-width : 620px){
    .list.cols-2{
        margin-left: 0;                
        display: block !important;
    }    

    .list.cols-2  .list-item{
        width: 100% !important;
        float: none;
        display: block !important;
        border-top: 1px solid #E3E3E3;    
        clear: both;
    }


    .list.cols-2  .list-row{
        width: 100%;
        display: block !important;        

    }



    .list.cols-2  .list-row:first-child .list-item{
        border-top: 1px solid #E3E3E3;    
    }

    .list.cols-2  .list-row:first-child .list-item:first-child{
        border-top: none;
    }
    .list .list-row{

        border-top: none;
    }


    .list.cols-2  .list-item:nth-child(2n + 1) > .list-item-inner{    
        border-right: none;
    }

    .list.cols-2  .list-item.ad-cell{
        display: none !important;
    }

}



.no-touch .location-view:hover  .box-inner,

.location-view.active  .box-inner{
    background-color: #d00;
}

.location-view footer{    
    display: none;
}





.top-locations .list-item .list-item-inner{

    min-height: 70px;
}


.top-locations .list-item aside.thumb {
    line-height: 66px;
    min-height: 70px;


    width: 70px;

}
.top-locations .list-item .thumb img {
    max-height: 70px;
    max-width: 70px;    
}

.top-locations .list-item > .list-item-inner > section, 
.top-locations .list-item > .list-item-inner > header {
    margin-left: 90px;
}


.location-view.list-item .list-item-content{
    line-height: 1.3;
}
.location-view.list-item .upcomingEvents,
.location-view.list-item .pastEvents{
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 0.95em;
}
.top-locations   .list-item-inner > aside.right a.category{
    line-height: 25px;

}





.image-slider{
    overflow: hidden;
    overflow-x: auto;
}

.image-slider ul{
    display: block;

    white-space: nowrap;
}

.image-slider li{
    display: inline;
}
.image-slider li img{
    height: 200px !important;
    width: auto !important;

}


.image-grid{


}

.image-grid ul{
    display: block;
}

.image-grid ul:after{
    content:"";
    display:table;
    clear:both;
}

.image-grid li{
    display: block;    
    float: left;
    text-align: center;

    height: 185px;
    width: 185px;
    line-height: 185px;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid #999;

    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);    
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);    



}
.image-grid li img{
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;

    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);    
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);    

}

.image-grid li header .delete{
    position: absolute;
    height: 10px;
    top: -5px;
    right:-5px;
    display: block;
    line-height: 1;
    z-index: 100;
    cursor: pointer;
    padding: 10px;
}

.image-grid li header .delete:hover{
    color: #CC0F16;
}


.breadcrumbs-header{
    margin-top: -14px;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px !important;
    background-color: white;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.1);       


}
.breadcrumbs{
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;    
    overflow: hidden;    
    float:left;
}

.breadcrumbs li:before{
    content: "//";

    display: inline;
    padding-left: 0.4em;    
    padding-right: 0.4em;    
    font-weight: bold;
}

.breadcrumbs li:first-child:before{    
    display: none;
}


.breadcrumbs li,
.breadcrumbs li *{
    display: inline;

}


.fixedbar nav{
    position: fixed !important;
    top:0px;
    z-index: 3000;
    width: 960px;
    margin-left: -75px;
}




#event-info-view .box-inner{
    min-height: 263px;
    overflow-x: auto;
}





.chart{
    position: relative;

    box-sizing: border-box;
    -moz-box-sizing: border-box;    

}


/**
 * Ad System
 */

.adbanner{
    text-align: center;    
}
.adbanner > a > img,
.adbanner.mobile > div{
    margin-bottom: 5px;
    margin-top: -10px;
}


.html-preview{
    display: none;
}

ul.errors{
    margin-top: 0.5em;
}
ul.errors li.error{
    color: red;

}




.iframe-links code{
    color: #666;
    margin-bottom: 1em;
    display: inline-block;
}


#banner-bigsize-top{
    float: right;
    width:auto; 
    height:auto;
    margin:0px;     
    padding:0px;
    position: relative;
    z-index: 30000;    
}


#banner-bigsize-top div object,
#banner-bigsize-top div embeded{z-index: 0 !important;}

#superbanner{
    float: right;
    width:auto; 
    height:auto;
    margin:0px;     
    padding:0px;
    position: relative;
    z-index: 30000;    
}


#superbanner div object,
#superbanner div embeded{z-index: 0 !important;}

#banner-skythird-1{
    position: absolute;
    overflow: hidden;        
    left: 970px;
    top: 14px;
}
#banner-skythird-1 #sitebar{        
    right:0!important;
    top:0!important;
    bottom:0!important;    
}

.desktop-content-ad.debug{
    background-color: red; width: 120px; height: 300px;
}

#sitebar.desktop-content-ad.debug{
    min-width: 120px; min-height: 300px;
}

#sitebar.desktop-content-ad{
    position: absolute;
    overflow: hidden;        
    left: 970px;
    top: 184px;    
}


#sitebar.desktop-content-ad #sitebar{        
    right:0!important;
    top:0!important;
    bottom:0!important;    
}



@media all and (max-width : 980px) {
    .desktop-adbanner, .desktop-content-ad{
        display: none !important;
    }
    #superbanner{
        display: none !important;
    }
    .adition-flash-div{
        display: none !important;
    }

}


#banner-skythird-1 #adverserve_sbar{
    bottom: 20px;    
    right: 20px;
}

#banner-skythird-1 #sitebar{
    right: 20px !important;
    bottom: 20px !important;
}





.singles-widget-view .single-list .single-list-item{
    border-top: 1px solid #E3E3E3;
    padding: 3px 5px;
    background-color: #fcfcfc;

}

.singles-widget-view .single-list .single-list-item:first-child{
    border-top: none;
    margin-top: 3px;


}

.singles-widget-view .single-list .single-list-item .list-item-thumb{
    width: 60px; 
    float: left;
    line-height: 0;
}


.singles-widget-view .single-list .single-list-item .list-item-top-right{    
    float: right;
}
.singles-widget-view .single-list .single-list-item .list-item-top-right .age{    
    font-weight: bold;
    position: relative;
    top: -4px;
}
.singles-widget-view .single-list .single-list-item .list-item-top-right .icon-16-online{    
    position: relative;
    top: -0px;
}

.singles-widget-view .single-list .single-list-item .list-item-content{    

    margin-left: 50px;
}

.singles-widget-view .single-list .single-list-item .list-item-content .name{    
    font-size: 1.2em;
    margin-top: 0.2em;
    font-weight: bold;
    margin-bottom: 0.3em;
}
.singles-widget-view .single-list .single-list-item .list-item-content .origin{    


}


.singles-widget-view .single-list .single-list-item .background-link{
    position: absolute;
    top:-5px;
    left:0;
    right:0;
    bottom: -5px;
    z-index: 90;

}


.button-bar:before,
.button-bar:after {
    display: table;
    content: " ";
}
.button-bar:after {
    clear: both;
}

.button-bar{
    position: relative;
}

.button-bar-section{
    border-left: 1px dotted #E3E3E3;
    padding:0px 0px 3px 0px;

    float: left;

}
.content-section-footer .button-bar-section{
    height: 78px;
}

.button-bar-section .button:last-child{
    margin-right: 5px;
}
.button-bar-section:last-child .button:last-child{
    margin-right: 0px;
}

.button-bar-section:first-child{
    border-left: none;
}

.button-bar-section.right-aligned{
    float: right;
    border-left: 1px dotted #E3E3E3;
}


.button-bar .button{
    display: inline-block;
    margin-left: 5px;   
    cursor: pointer;
    padding-top: 5px;
    position: relative;
    text-align: center;
    margin-top: 8.5px;
}




.button-bar .button.facebook{
    height: 30px;
    line-height: 30px;
    margin:25px 10px 0 10px!important;


}

.button-bar .button:first-child{
    margin-left: 0;    
}


.button-bar .button .button-label{
    display: block;

    text-align: center;
    font-size: 0.9em;
    color: #666;

    cursor: pointer;
}

.button-bar .button:hover .button-icon.glyphicon,
.button-bar .button:hover .button-label{
    color: #CC0F16;    
}

.button-bar .button.button-color-positive:hover .button-label,
.button-bar .button.button-color-positive:hover .button-icon.glyphicon{
    color: green;
}
.button-bar .button.button-color-negative:hover .button-label,
.button-bar .button.button-color-negative:hover .button-icon.glyphicon{
    color: red;
}


.button-bar .button.disabled{
    cursor: inherit;

}


.button-bar .button.disabled .button-label{
    color: #999 ;   
}
.button-bar .button.disabled .button-icon.glyphicon{
    color: #BBB;    
}

.button-bar .button.disabled:hover .button-label{
    color: #999 ;
}
.button-bar .button.disabled:hover .button-icon.glyphicon{
    color: #BBB;    
}


.button-bar .button.emoji{
    padding-top: 0;
}

.button-bar .button.emoji .button-icon{
    padding-top: 3px;
    margin-top: 2px;
}
.button-bar .button.emoji.active .button-label{
    font-weight: bold;
    color: #CC0F16;    
}

.button-bar .button.emoji .button-badge{
    display: none;
}
.button-bar .button.emoji .button-badge.active{
    background-color: #CC0F16;
    display: inline-block;
    height: 15px;
    min-width:15px;
    line-height: 16px;
    color: white;
    border-radius: 130px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    z-index: 200;
    top: 5px;
    right:5px;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);          



}



.button-bar .button .button-icon{    
    background-repeat: no-repeat;
    width:40px;
    height:40px;    
    background-size: auto 37px;
    background-position: center center;
    image-rendering:optimizeQuality; 
    -ms-interpolation-mode:bicubic;
}
.button-bar .button:hover .button-icon{
    background-size: contain!important;        
}


.button-bar .button.emoji.active .button-icon{
    padding-top: 0px;
    margin-top: 5px;
}

.button-bar .button.emoji.active .button-icon{

    background-size: contain !important;        
}


.button-bar .button .button-icon.glyphicon{
    color: #999; 
    font-size: 28px;
    text-align:  center;
    width: 70px;
    line-height: 1;
    position: relative;
    bottom: -3px;
}
.button-bar-section.emoticons .button-bar-label{
    position: absolute;
    color: #666;
    top: 6px;
    left: 15px;
    font-size: 1.1em;    

}
.button-bar-section.emoticons{
    text-align: center;
}
.button-bar-section.emoticons .button{
    width: 60px;  
    margin-top: 20px;
}

.button-bar .button-bar-section.emoticons .button:first-child{
    margin-left: 5px;    
}

.button-bar .button-bar-section.emoticons .button:last-child{
    margin-right: 5px;    
}

.button-bar-section.emoticons .button .button-icon{
    width: 60px;    
    position: relative;

}

.button-bar .button.button-sexy .button-icon{
    background-image: url('/images/emojis/sexy.png');
    position: relative;
    background-size: auto 39px;

}


.button-bar .button.button-crazy .button-icon{
    background-image: url('/images/emojis/crazy.png');
}

.button-bar .button.button-hot .button-icon{
    background-image: url('/images/emojis/hot.png');
}

.button-bar .button.button-cool {

}
.button-bar .button.button-cool .button-icon{
    background-image: url('/images/emojis/cool.png');

}
.button-bar .button.button-funny .button-icon{
    background-image: url('/images/emojis/funny.png');


}


.button-bar .button .button-bar-flyout{
    display: none;    
    position: absolute;
    bottom: 98%;
    background-color: #F7F7F7;
    right:0;    
}

.button-bar .button:hover .button-bar-flyout{
    display: block;    
    z-index: 10000;
}

.button-bar .button .button-bar-flyout .button{
    white-space: nowrap;
    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    margin-left: 0;
    text-align: left;
}

.button-bar .button .button-bar-flyout .button:hover{
    background-color: #f0f0f0;
}

.button-bar .button:hover .button-bar-flyout .button-label{
    color: #666;
}

.button-bar .button .button-bar-flyout .button:hover .button-label,
.button-bar .button .button-bar-flyout .button:hover .button-icon.glyphicon{
    color: #CC0F16;    
}
.button-bar .button .button-bar-flyout .button.disabled:hover .button-label{
    color: #666; 
}
.button-bar .button .button-bar-flyout .button.disabled:hover .button-icon.glyphicon{
    color: #999; 
}


.button-bar .button .button-bar-flyout .button .button-label{
    display: inline-block;
    cursor: pointer;
    font-size: 1em;

}
.button-bar .button .button-bar-flyout .button  .button-icon.glyphicon{
    color: #999; 
    font-size: 12px;
    text-align:  left;
    width: 1.3em;
    line-height: 1;
    position: relative;
    bottom: 0px;
    height: auto;
    display: inline-block;

}

.content-section-header .button-bar {
    position: static;

}


.button.facebook{
    background-color: #4e69a2;
    border-color: #435a8b #3c5488 #334c83;
    padding: 0px 10px;
    color:#fff  ;  
    border-radius: 3px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 -1px rgba(0, 0, 0, .5);
}
.button.facebook *{
    cursor: pointer;
}

.button.facebook:hover{
    background-color: #435a8b;    
}
.button.facebook:active{
    background-color: #435a8b;    
}

.button.facebook .button-label{    
    color:#fff    !important;
    display: inline;
    font-weight: bold;
}
.button.facebook .button-icon.glyphicon{    
    width: 30px;
    display: inline;
    color:#fff !important ;  
    font-size: 14px;
    margin-right: 5px;
}

.content-section-header .button-bar .button{
    min-height: 46px;

}
.content-section-header .button-bar.pull-right .button{
    margin-left: 8px;
}
.content-section-header .button-bar .button .button-icon{
    width:auto;
    margin-bottom: 3px;
    height: 30px;
    line-height: 40px;


}
.content-section-header .button-bar .button .button-icon.glyphicon{    
    font-size: 18px;    
}


.modal-pane{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0,0,0,0.6);
    z-index: 200000;
}
.modal-pane.dark{
    background-color: rgba(0,0,0,0.9);
}
.modal-pane .modal-pane-content{
    background-color: white;
    position: absolute;
    top:5%;
    right:10%;
    max-height: 90%;
    left:10%;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5);          

}

.modal-pane .modal-close-button{
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 20000;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
    cursor: pointer;
}

.modal-pane .modal-pane-content .content-section-body{
    overflow: auto;    
}
.modal-pane .modal-pane-content .content-section-body .box-inner{
    padding: 20px;
}

.modal-pane .content-section .content-section-header .title{
    font-size: 1.8em;
}





.modal-pane .modal-pane-content .content-section-footer .error-message,
.modal-pane .modal-pane-content .content-section-footer .success-message{
    float: left;
    height: 50px;
    line-height: 60px;    
    margin-left: 15px;
    display: none;
    font-size: 21px;
    font-weight: bold;
}
.modal-pane .modal-pane-content .content-section-footer .error-message.active,
.modal-pane .modal-pane-content .content-section-footer .success-message.active{    
    display: block;
}

.modal-pane .modal-pane-content .content-section-footer .success-message{
    color: green;    
}

.modal-pane .modal-pane-content .content-section-footer .error-message{
    color: red;    
}


.modal-pane .modal-pane-content  .content-section .content-section-header .title{
    padding-top: 20px;
}
.modal-pane .modal-pane-content .content-section-footer .spinner.processing-animation{
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    height: 50px;
    display: none;
}

.modal-pane .modal-pane-content .content-section-footer .spinner.processing-animation.active{    
    display: block;
}

.modal-pane .modal-pane-content .content-section-footer .spinner.processing-animation > div{
    background-color: #999;
}




@media all and (min-width : 900px){

    .modal-pane .modal-pane-content{

        top:5%;
        right:20%;

        left:20%;

    }
}


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

    .modal-pane .modal-pane-content{

        top:5%;
        right:25%;

        left:25%;

    }
}


@media all and (max-width : 620px){



    .modal-pane .modal-pane-content{
        max-height: none;
        left:5%;
        right:5%;            
        bottom:5%;                

    }

    .modal-pane .modal-pane-content .content-section .content-section-header{
        height: 42px;
    }


    .modal-pane .modal-pane-content .content-section .content-section-footer{
        position: absolute;
        bottom:0;
        left:0;
        right:0;

        background-color: rgba(255,255,255,0.8);
    }

    .modal-pane .modal-pane-content .content-section .content-section-body{
        position: absolute;
        top:42px;
        left:0px;
        right:0px;
        bottom:62px;
    }
    .modal-pane .modal-pane-content .content-section-footer .error-message,
    .modal-pane .modal-pane-content .content-section-footer .success-message{
        font-size: 16px;        
        line-height: 30px;
        float: none;
        height: auto;
        text-align: center;
        margin-right: 15px;
    }

}


.spinner.processing-animation {
    margin: 0;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.spinner.processing-animation > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;  
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner.processing-animation .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner.processing-animation .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner.processing-animation .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner.processing-animation .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.5) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


.comments-view .comments-list-view .no-comments-message{
    color: #999;
}
.comments-view .comments-list-view{
    background-color: #F3F3F3;
    overflow: hidden;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    position: relative;
}




.comments-view .comments-list.reloading{
    min-height: 25px;


}

.comments-input-view{
    padding: 0.6em  0.6em 0px;
}

.comments-input-view .comments-profile-picture{
    float: left;
    margin-right: 5px;
}

.comments-input-view .comment-input-container{
    position: relative;
    display: block;
    top: -4px;
    overflow: hidden;
    padding: 2px 3px ;

}
.comments-input-view textarea{    

    margin-bottom: 0.4em!important;
    min-height: 43px;
    padding:0.6em 0.5em;
    min-height: 0;

}

.comments-input-view .button-comment-submit{
    margin-right: 0!important;

}


.comments-input-view{
    border-bottom: 1px solid #f0f0f0;

}


.comments-view .comments-list-view .loading-animation-view{
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(240,240,240,0.4);
}
.comments-view .comments-list-view .loading-animation-view.active{
    display: block !important;
}

.comments-view .comments-list-view .loading-animation-view .spinner{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -5px;
}

.comments-view .comments-list-view .loading-animation-view .spinner > div{
    background-color: #ccc;
}



.spinner.loading-animation {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
}

.spinner.loading-animation > div {
    width: 10px;
    height: 10px;
    background-color: #bbb;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin-left: 0.5em;
}

.spinner.loading-animation  .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner.loading-animation  .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}




.comments-view .comment {
    clear: both;

    padding: 10px;
    padding-top: 0;
}

.comments-view .comment:first-child {
    padding-top: 10px;
    margin-top: 0em;
}

.comments-view .comment:after {
    display: table;
    content: " ";
}
.comments-view .comment:after {
    clear: both;
}

.comments-view .comment-content-container {


}
.comments-view .comment-content-container .comment-commenter-name a{
    font-size: 1.1em;
    font-weight: bold;

}
.comments-view .comment-content-container .comment-text{
    padding-top: 0.3em;    
}
.comments-view .comment-content-container .comment-meta{
    float: right;
    color: #888;
}

.comments-view .comment-commenter-thumb-container {
    float: left;
    margin-right: 10px;
}
.comments-view .comment-commenter-thumb-container img{
    border: 1px solid #666;
    width: 30px;
    height: 30px;
}




.event-meetpoint-list {
    padding: 5px;
    display: block;
}

.event-meetpoint-list .info{
    padding: 10px 10px 7px;
    display: block;
    color:#999;

}
.event-meetpoint-list li.user{
    float: left;
    width: 40px;
    height: 40px;
    margin: 4px;
    position: relative;
}

.event-meetpoint-list li.user .name{
    display: none;
}

.event-meetpoint-list li.user img{
    width: 40px;
    height: 40px;
    border: 1px solid #666;
}



.registration-pane .registration-tools-bar{
    color: #999;
    text-align: right;
}

.registration-pane .registration-tools-bar a{
    color: #666;
    font-size: 1.1em;
}

.registration-pane .registration-tools-bar hr{
    border: none;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}




.content-section.helper-bubble{
    background: #f8ffaf; /* Old browsers */
    background: -moz-linear-gradient(top, #f8ffaf 0%, #ffff88 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffaf), color-stop(100%,#ffff88)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8ffaf 0%,#ffff88 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8ffaf 0%,#ffff88 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8ffaf 0%,#ffff88 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8ffaf 0%,#ffff88 100%); /* W3C */
    line-height: 1.4;
    margin-bottom: 0 !important;
}

.content-section.helper-bubble + .content-section{
    margin-top: 1em;
}
.content-section.helper-bubble .content-section-body .box-inner{
    padding: 10px 30px 6px 6px;
}

.content-section.helper-bubble .close-button{
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: block;
    padding: 7px 10px 10px;
    z-index: 200;
    color:#333;
}
.content-section.helper-bubble .close-button:hover{    
    color:#000;
}






.tab-bar{
    display: inline-block;
    position: relative;
}

.tab-bar li{
    display: inline-block;

}

.tab-bar li a{
    display: inline-block;
    padding: 0.4em 0.3em;
    font-variant: small-caps;
    font-size: 1.1em;
}

.tab-bar li.active a{
    color:#222;
    font-weight: bold;
}
.tab-bar li:after{
    content: '/'    ;
    font-variant: small-caps;
    position: relative;
    top: 0.2em;
    color: #990000;
}
.tab-bar li:last-child:after{
    content: ''    ;

}

.tab-bar-content .tab-bar-section{
    display: none;
}

.tab-bar-content .tab-bar-section.active{
    display: block;
}


.content-section-header .tab-bar{
    float: right;
    line-height: 1.9em;
}


.zodiac-sign-list-item .zodiac-sign-image {
    margin: 10px;

}

.zodiac-sign-list-item .content-section-body{
    padding: 10px;
}

.zodiac-sign-list-item .fb-buttons{
    margin-top: 10px;
}
.zodiac-sign-list-item .zodiac-sign-image img{
    width: 130px!important;
    height: auto!important;
}

.zodiac-sign-list-item{
    overflow: visible!important;
}
.zodiac-sign-list-item .content-section-header h1.title{
    float: left;   
}

@media all and (max-width : 500px){
    .zodiac-sign-list-item .content-section-header h1.title{
        float: none;

    }
    .zodiac-sign-list-item .content-section-header ul.tab-bar{
        float: none;
        text-align: center;

    }
}





.text-content{
    line-height: 1.3em;
    font-size: 1.1em;
    color: #222;
}

.text-content h1{
    padding-top: 0.5em;
    color: #333;
}

.text-content h2{
    padding-top: 0.75em;
    margin-bottom: 0.4em;
    color: #333;
}


.page-banner{

    min-height: 200px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid black;

}


div.fb-buttons.pos_1 .fb_iframe_widget iframe{
    z-index: 21700;
}
div.fb-buttons.pos_2 .fb_iframe_widget iframe{
    z-index: 21600;
}
div.fb-buttons.pos_3 .fb_iframe_widget iframe{
    z-index: 21500;
}
div.fb-buttons.pos_4 .fb_iframe_widget iframe{
    z-index: 21400;
}
div.fb-buttons.pos_5 .fb_iframe_widget iframe{
    z-index: 21300;
}
div.fb-buttons.pos_6 .fb_iframe_widget iframe{
    z-index: 21200;
}
div.fb-buttons.pos_7 .fb_iframe_widget iframe{
    z-index: 21100;
}
div.fb-buttons.pos_8 .fb_iframe_widget iframe{
    z-index: 21000;
}
div.fb-buttons.pos_9 .fb_iframe_widget iframe{
    z-index: 20900;
}
div.fb-buttons.pos_10 .fb_iframe_widget iframe{
    z-index: 20800;
}
div.fb-buttons.pos_11 .fb_iframe_widget iframe{
    z-index: 20700;
}
div.fb-buttons.pos_12 .fb_iframe_widget iframe{
    z-index: 20600;
}
div.fb-buttons.pos_13 .fb_iframe_widget iframe{
    z-index: 20500;
}
div.fb-buttons.pos_14 .fb_iframe_widget iframe{
    z-index: 20400;
}
div.fb-buttons.pos_15 .fb_iframe_widget iframe{
    z-index: 20300;
}
div.fb-buttons.pos_16 .fb_iframe_widget iframe{
    z-index: 20200;
}
div.fb-buttons.pos_17.fb_iframe_widget iframe{
    z-index: 20100;
}


.fixed-ad-container{
    z-index: 100000;
}


.location-picker-map{
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    min-height: 200px;
    margin-bottom: 1em;
    margin-top: 2em;

}



#preroll-modal-pane video{ 
    position: absolute;
    box-sizing: border-box;    
}

#preroll-modal-pane div.video-js video{     
    left:0 !important;
    top: 0!important;
    width:100%;
    height: 100%;
}

#preroll-modal-pane .progressbar {
    position: absolute;
    height: 5px;
}

#preroll-modal-pane .progressbar .progress{
    position: absolute;
    left:0;    
    bottom:0;
    top:0;
    width: 0%;
    background-color: yellow;
    opacity: 0.9;
}


#preroll-modal-pane .progress-seconds{
    position: absolute;
    font-size: 14px;
    color: white;
    text-align: right;
    top: 0;
    right:0;        
    padding: 10px;
    box-sizing: border-box;

}



#adblockerinfo-modal-pane {
    z-index: 4000000;
}
#adblockerinfo-modal-pane .modal-pane-content{
    top:15%;
    right:20%;
    max-height: 85%;
    left:20%;
    font-size: 1.6em;
}

#adblockerinfo-modal-pane .modal-pane-content .box-inner{
    padding: 2em;
    font-size: 1.1em;
}

#adblockerinfo-modal-pane .modal-pane-content .box-inner h1{

    font-size: 1.2em;
}

#adblockerinfo-modal-pane .modal-pane-content .box-inner p{
    padding: 0.7em 2em 1em 0;

}

#adblockerinfo-modal-pane .modal-pane-content .box-inner a{
    color: #cc0f16;   
}

@media all and (max-width : 980px){
    #adblockerinfo-modal-pane .modal-pane-content .box-inner {    
        font-size: 0.8em;
    }

    #adblockerinfo-modal-pane .modal-pane-content .box-inner p{
        padding: 0.7em 2em 1em 0;

    }


}


.facebook-image-importer .location-box{
    margin-bottom: 2em;
}

.facebook-image-importer .location-box header h2{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

.facebook-image-importer .facebook-album{
    position: relative;
    border: 1px solid #999;
    background-color: white;
    padding: 5px ;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 1em;
}

.facebook-image-importer .facebook-album .cover-photo{
    width: 100px;
    height: 60px;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    border: 1px solid #000;


}
.facebook-image-importer .facebook-album .album-meta{
    margin-left: 110px;    
    position: relative;
}

.facebook-image-importer .facebook-album .album-meta .album-title{    
    margin-top: 3px;
}

.facebook-image-importer .facebook-album .album-meta .album-importer {
    margin-top: 5px;
}


.facebook-image-importer .facebook-album .album-meta .album-importer select{
    float: left;
    width: 65%;
    margin-top: 0.8em;
    margin-right: 3%;
}

.facebook-image-importer .facebook-album .album-meta .album-importer input[type=submit]{
    width: 32%;
    float: left;
    font-size: 0.8em;    
    margin-top: 5px;
    display: inline-block;
}

.facebook-image-importer .facebook-album .album-meta .album-import-state{
    float: right;
    margin-right: 20px;
    color: #888;
}

.facebook-image-importer .facebook-album .album-meta .album-import-state.new,
.facebook-image-importer .facebook-album .album-meta .album-import-state.updated{
    color: green;
    font-weight: bold;
}


.facebook-image-importer .facebook-album .album-meta .album-import-state .refresh-icon {
    display: none;
}

.facebook-image-importer .facebook-album .album-meta .album-import-state.refreshing .refresh-icon {
    display: inline-block;  
}
.facebook-image-importer .facebook-album .album-meta .album-import-state .album-import-state-value{
    display: inline-block;  
}

.facebook-image-importer .facebook-album .album-meta .album-import-state.refreshing .album-import-state-value {
    display: none;
}

.facebook-image-importer .facebook-albums{
    position: relative;
}
.facebook-image-importer .facebook-albums > .refresh-icon:before {
    font-size: 2em;    
    margin-left: 50%;
    position: relative; 
    left: -1em;

    display: inline-block;  
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
}
.facebook-image-importer .facebook-album .album-meta .album-import-state.refreshing .refresh-icon:before {
    display: inline-block;  
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.facebook-image-importer .link-to-gallery,
.facebook-image-importer .link-to-event{

    margin-left: 5px;
    position: relative;
    top:1px;
}

.facebook-image-importer .link-to-gallery:not(:hover),
.facebook-image-importer .link-to-event:not(:hover){
    color: #888;        
}

.facebook-image-importer .facebook-album .add-event-container{
    position: relative;
    margin-right: 2em;
    padding-top: 0.3em;
    padding-bottom: 0.6em;
    clear: both;
}
.facebook-image-importer .facebook-album .add-event-container label{
    font-size: 0.8em;
    display: block;
    padding-bottom: 0.3em;
}
.facebook-image-importer .facebook-album .add-event-container input[type=text],
.facebook-image-importer .facebook-album .add-event-container input[type=date]{
    width: 45%;
    float: left;
    font-size: 0.8em;
}
.facebook-image-importer .facebook-album .add-event-container input[type=text]:first-of-type{
    margin-right: 5%;

}


.imonomy_trk_img{
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0.1;
}




.province-modal{position: fixed; top: 0; left:0; right: 0; bottom: 0;z-index: 200000;}
.province-modal .province-modal-background{
    position: absolute; top: 0; left:0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.8);
}
.province-modal .province-selection-container{
    position: relative;
    z-index: 200001;
    width: 80%;
    max-width: 300px;
    margin: 20% auto 0;    
    background-color: white;
    -webkit-box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 1em 1em 0.5em;        
}
.province-modal .province-selection-container h3{
    border-bottom: 2px solid #ddd;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;    
}
.province-modal .province-selection-container .buttons{
    text-align: right;
}
.province-modal .province-selection-container .buttons .btn:last-child{
    margin-right: 0;
}
.province-modal .province-selection-container .province-selection{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1em;
}

#adsense{
    position: absolute;
}