/* theme settings */
/* todo: consider splitting general effects/decorations and themes (color skins)
 * - theme settings must not affect layout
 * - the purpose is to aggregate skin like features, there should be minimal possible occurrence of separate color, background or effect
 * - this sections is mostly y-axis oriented compared to x-oriented object relations in core/layout, this means that changes apply to large set of elements
 *
 */
/*/theme settings */

/*
    todo: consider color agents to aggregate some selectors
        vision:
            .theme-A .colorAgent {
                background, font color etc.
            }
            .theme-B .colorAgent {}
            ...
*/

/*
    items
*/
    /* todo: consider replacing css3 selector with support class for backward compatibility */
    input {
        /* todo: consider typography */
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
    }
    input[type='text'],
    input[type='password'] {
        border: 1px solid #b2c7cb;
        height: 18px;
    }
    input.button {
        height: 21px;
        padding: 0 4px;
    }
    .alone.addForm input[type='text']:focus {
        border-color: #6ea2dc;
        background: #fafcfe;
        color: #002a59;
    }
    /*
    items
*/

/* languages */
    .cz a,
    .sk a,
    .hu a,
    .pl a
    { background: url(/img/sprites-flags.png) 0 0 no-repeat; }
    .cz a { background-position: 0 0; }
    .sk a { background-position: 0 -26px; }
    .pl a { background-position: 0 -52px; }
    .hu a { background-position: 0 -78px; }
/*/languages */

/* theme colors  */
    /* menus reconsider id/class according possible multiple occurences */
    /* TODO: use polymorphic class such as a.item/span.item */
    .tabs #countries .a   { background-color: #80c9ee; }
    .tabs #reviews .a     { background-color: #87b801; }
    .tabs #albums .a      { background-color: #fb0; }
    .tabs #peripluses .a  { background-color: #fe7c0e; }
    .tabs #discussions .a { background-color: #e43859; }
    .tabs #travelers .a   { background-color: #eb3fee; }
    .tabs #weather .a     { background-color: #29B2C2; }

    /* determine bg occurence */
    .subject .tabs.theme .a span { background: none; }

    /* default - states */
    .board .col.theme,
    .board .tabs.theme li.active .wrapper,
    .board .tabs.theme li.a-next,
    .board .tabs.theme li.a-prev,
    .board .col.theme .box .menu .active,
    .board .col.theme .box .arrow span,
    .board  fieldset,
    #oldProfile.user-profile .user-tabs .travels a,
    #oldProfile.user-profile .user-tabs .friends a,
    #oldProfile.user-profile .user-tabs .messages a,
    .real input,
    .board .fake-background,
    .col.theme .box .menu .active .corner,
    .board .destinationTitle,
    .winterIsHere .winter-hp.reviews .destinationTitle,
    .winterIsHere .winter-hp.reviews .col.theme,
    .winterIsHere .ski-resort-review.reviews .destinationTitle,
    .winterIsHere .ski-resort-review.reviews .col.theme {
        background-color: #80c9ee;
    }

    /* for winter season when map is open */
    .winterIsHere .winter-hp #mainMenu,
    .winterIsHere .ski-resort-review #mainMenu {
        border-bottom: 0;
    }
    .winterIsHere .winter-hp.reviews .col.theme,
    .winterIsHere .ski-resort-review.reviews .col.theme {
        border-top: 8px solid  #80c9ee;
    }

    .winterIsHere .winter-hp.reviews .col.theme.no-map,
    .winterIsHere .ski-resort-review.reviews .col.theme.no-map
        { border-top: 0; }
    .winterIsHere .ski-resort-details-reviews.reviews #mainMenu { border-bottom: 0; }
    .board .no-map #othersCountries,
    .board .no-map #allDestinations {
        border-color: #80c9ee;
    }

    /* reviews */
    .reviews .col.theme,
    .reviews .tabs.theme li.active .wrapper,
    .reviews .tabs.theme li.a-next,
    .reviews .tabs.theme li.a-prev,
    .reviews .col.theme .box .menu .active,
    .reviews .col.theme .box .arrow span,
    .reviews fieldset,
    #oldProfile.user-profile .user-tabs .reviews a,
    .reviews .real input,
    .reviews .fake-background,
    .reviews .col.theme .box .menu .active .corner,
    .reviews .destinationTitle {
        background-color: #86B801;
    }
    .reviews .box.destinationMenu{
        background:#e6f5ba;
    }
    .reviews .no-map #othersCountries,
    .reviews .no-map #allDestinations,
    .reviews #mainMenu {
        border-color: #86B801;
    }


    /* albums */
    .album .col.theme,
    .album .tabs.theme li.active .wrapper,
    .album .tabs.theme li.a-next,
    .album .tabs.theme li.a-prev,
    .album .col.theme .box .menu .active,
    .album .col.theme .box .arrow span,
    .album fieldset,
    #oldProfile.user-profile .user-tabs .albums a,
    .album .real input,
    .album .fake-background,
    .album .col.theme .box .menu .active .corner,
    .album .destinationTitle{
        background-color: #FB0;
    }
    .album .box.destinationMenu{
        background:#ffeebe;
    }
    .album .no-map #othersCountries,
    .album .no-map #allDestinations,
    .album #mainMenu {
        border-color: #FB0;
    }

    /* periplus */
    .periplus .col.theme,
    .periplus .tabs.theme li.active .wrapper,
    .periplus .tabs.theme li.a-next,
    .periplus .tabs.theme li.a-prev,
    .periplus .col.theme .box .menu .active,
    .periplus .col.theme .box .arrow span,
    .periplus fieldset,
    #oldProfile.user-profile .user-tabs .periplus a,
    .periplus .real input,
    .periplus .fake-background,
    .periplus .col.theme .box .menu .active .corner,
    .periplus .destinationTitle    {
        background-color: #FE7C0E;
    }
    .periplus .box.destinationMenu{
        background:#ffe2ca;
    }
    .periplus .no-map #othersCountries,
    .periplus .no-map #allDestinations,
    .periplus #mainMenu {
        border-color: #FE7C0E;
    }

    /* discussions */
    .discussions .col.theme,
    .discussions .tabs.theme li.active .wrapper,
    .discussions .tabs.theme li.a-next,
    .discussions .tabs.theme li.a-prev,
    .discussions .col.theme .box .menu .active,
    .discussions .col.theme .box .arrow span,
    .col.theme .box .menu.arrow span.close,
    .discussions fieldset,
    #oldProfile.user-profile .user-tabs .discussions a,
    #oldProfile.user-profile .user-tabs .contributions a,
    .discussions .real input,
    .discussions .fake-background,
    .discussions .col.theme .box .menu .active .corner,
    .discussions h1.destinationTitle{
        background-color: #E33758;
    }
    .discussions .box.destinationMenu{
        background:#ffdde4;
    }
    .discussions .no-map #othersCountries,
    .discussions .no-map #allDestinations,
    .discussions #mainMenu {
        border-color: #E33758;
    }

    /* travelers */
    .travellers .col.theme,
    .travellers .tabs.theme li.active .wrapper,
    .travellers .tabs.theme li.a-next,
    .travellers .tabs.theme li.a-prev,
    .travellers .col.theme .box .menu .active,
    .travellers .col.theme .box .arrow span,
    .travellers fieldset,
    #oldProfile.user-profile .user-tabs .favorites a,
    .travellers .real input,
    .travellers .fake-background,
    .travellers .col.theme .box .menu .active .corner,
    .travellers .destinationTitle {
        background-color: #EB3EEE;
    }
    .travellers .box.destinationMenu{
        background:#fedfff;
    }
    .travellers .no-map #othersCountries,
    .travellers .no-map #allDestinations,
    .travellers #mainMenu {
        border-color: #EB3EEE;
    }

    /* weather */
    .weather .col.theme,
    .weather .tabs.theme li.active .wrapper,
    .weather .tabs.theme li.a-next,
    .weather .tabs.theme li.a-prev,
    .weather .tabs.theme li.a-next,
    .weather .col.theme .box .menu .active,
    .weather .col.theme .box .arrow span,
    .weather fieldset,
    #oldProfile.user-profile .user-tabs .weather a,
    .weather .real input,
    .weather .fake-background,
    .weather .col.theme .box .menu .active .corner {
        background-color: #29B2C2;
    }
    .weather .box.destinationMenu{
        background:#c4e9ed;
    }
    .weather .no-map #othersCountries,
    .weather .no-map #allDestinations ,
    .weather #mainMenu {
        border-color: #29B2C2;
    }

    /* == content tabs == */
    /* travelers */
    .sort.tabs.theme:not(.discussionCategories) li.active .wrapper,
    .sort.tabs.theme li.active .wrapper, /* todoIE */
    .sort.tabs.theme li.a-next,
    .sort.tabs.theme li.a-prev {
        background: #E9F6FF;
    }

/*/theme colors*/

.detail .board .subject .tabs.theme:not(.discussionCategories) li.active .a {
    padding-bottom: .5em;
    background-color: Transparent;
}
/* todoIE */

.subject .tabs.photoAlbum  li .newest {
    background-color: #80C9EE;
}
.subject .tabs.photoAlbum li .top_view,
.subject .tabs.photoAlbum li .most_searched,
.subject .tabs.photoAlbum li .most_discussed,
.subject .tabs.photoAlbum li .most_read {
    background-color: #87B902;
}
.subject .tabs.photoAlbum li .top_like,
.subject .tabs.photoAlbum li .top_rated {
    background-color: #E43859;
}
.page .subject .tabs.photoAlbum  li.active .a {
    background-color: transparent;
}
.page .subject .tabs.photoAlbum li.a-prev,
.page .subject .tabs.photoAlbum li.a-next,
.page .subject .tabs.photoAlbum li.active .wrapper {
    background: #E9F6FF;
}
.page .subject .tabs.photoAlbum li.active span {
    color: #176C9C;
}


/* sprites */
    /* toolbar */
    div.toolbar {
        margin: .25em 0 1em 0;
        position: relative;
        height: 19px;
    }
    .detail.reviews div.toolbar,
    .detail.album div.toolbar,
    .detail.periplus div.toolbar {
        height: auto;
        min-height: 19px;
    }
    .detail div.toolbar iframe {
        position: relative;
        top: 6px;
        margin: 0 5px;
        width: 175px !important;
    }
    .toolbar a,
    .toolbar span {
        background-image: url(/img/sprites-tools.png);
        background-repeat: no-repeat;
        display: inline-block;
        padding-left: 21px;
        margin-right: 1em;
    }
    .cols .left.info .toolbar a { margin-right: 0; }
    .toolbar .addFavorite       { background-position: 0 -76px; }
    .toolbar .addReview         { background-position: 0 -52px; }
    .toolbar .edit              { background-position: 0 -29px; }
    .toolbar .rules             { background-position: 0 -100px; }
    .toolbar .print             { background-position: 0 -4px; }
    div.toolbar .print {
        position: absolute;
        right: 0;
        top: 2px;
        margin: 0;
    }
    div.toolbar .print.noPosition { position: static; }
    .toolbar .user     { background-position:  0 -102px; }
    .toolbar .add      { background-position:  0 -127px; }
    .toolbar .remove   { background-position:  0 -153px; }
    .toolbar .download { background-position:  0 -221px; }
    .toolbar .show     { background-position: -2px -317px; }
    #newProfile .toolbar a.add    { background-position: -2px -247px; }
    #newProfile .toolbar a.remove { background-position: -2px -271px; }
    #newProfile .toolbar a.edit   { background-position: -2px -294px; }
    .toolbar .email {
        background-position:  0 -176px;
        padding-left: 23px;
    }
    .toolbar .go {
        background-position:  0 -198px;
        padding-left: 25px;
    }
    .toolbar span.inFavorites {
        background: none;
        padding: 0;
        margin: 0;
        color: #777;
        font-size: 11px;
        position: absolute;
        right: 0;
        top: 8px;
    }

    /*/toolbar */
    .backLink a,
    a.backLink {
        background: url(/img/bg-arrow-undo.png) no-repeat 100% 50%;
        padding: 2px 23px 2px 0;
        font-size: 13px;
        font-weight: normal;
    }
    div.alignRight {
        text-align: right;
    }
/*/sprites */

/* effects */

    /* gradients */
        .board .tabs.theme li .a,
        .user-profile .user-tabs li a,
        .fiki table th,
        #login-hidden-form ul .submit input,
        #webmap.default ul li a:hover {
            background-image: url(/img/grad.png);
        }
        .board .tabs.theme li a:hover,
        .user-profile .user-tabs li a:hover,
        .detailProfile #mainMenu li.active a:hover,
        .guidepost li:hover,
        #login-hidden-form ul .submit input:hover {
            background-image: url(/img/grad-hover.png);
            background-repeat: repeat-x;
        }
        #newProfile.user-profile .user-tabs li a:hover {
            background-image: url(/img/grad-hover2.png);
            background-repeat: repeat-x;
        }
        .board .tabs.theme li.active .a {
            background-image: none;
        }


    /* shadows */
        .noShade { /* todo: handle IE emulation */
            box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

        /* effects */
        #rss_hub,
        .footer,
		iframe#travelportal-iframe {
            box-shadow: 0 0 9px 4px #b8dff9;
            -moz-box-shadow: 0 0 9px 4px #b8dff9;
            -webkit-box-shadow: 0 0 9px 4px #b8dff9;
        }
        /*/effects */

    /* rounded corners */

		iframe#travelportal-iframe {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        /* main menu - todo: replace .hp with .tabs on/off to systematize tabs */
        .sort.tabs.theme .a-next .wrapper,
        .board .tabs.theme .a-next .wrapper {
            background: #FFF; /* todo: aggregate */
            border-radius: 0;
            border-bottom-left-radius: 5px;
        }
        .sort.tabs.theme .a-prev .wrapper,
        .board .tabs.theme .a-prev .wrapper {
            background: #FFF;
            border-radius: 0;
            border-bottom-right-radius: 5px;
        }
        .board .tabs.language li.active {
            /*background: #FFF;*/
            /*border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;

            box-shadow: 0 0 4px 4px #b8dff9;
            -moz-box-shadow: 0 0 6px 4px #b8dff9;
            -webkit-box-shadow: 0 0 4px 4px #b8dff9;*/
            border-bottom: 0;
            background: url(/img/bg-lang-a.gif) center center;
            padding: 4px 8px;
        }
        .board .tabs.theme li .a { /* todo: fix-specifity */
            background-image: url(/img/grad.png);
            background-position: center top;
            background-repeat: repeat-x;
            text-shadow: 2px 1px 1px rgba(0,0,0,0.25);
            border-radius: 5px;
        }
        /* tabs - theme shadow color */
        .board .tabs.theme li#countries .a   { text-shadow: #598ca6 2px 1px 1px; }
        .board .tabs.theme li#reviews .a     { text-shadow: #5c7d00 2px 1px 1px; }
        .board .tabs.theme li#albums .a      { text-shadow: #b48400 2px 1px 1px; }
        .board .tabs.theme li#peripluses .a  { text-shadow: #b4590d 2px 1px 1px; }
        .board .tabs.theme li#discussions .a { text-shadow: #9c273d 2px 1px 1px; }
        .board .tabs.theme li#travelers .a   { text-shadow: #a92eab 2px 1px 1px; }
        .board .tabs.theme li#weather .a     { text-shadow: #1e8591 2px 1px 1px; }
        /* todo: consolidate menu */


        /* theme */

        .weather .col.theme {
            border-top-right-radius: 0;
        }
        .photoAlbums .box.photoAlbum > h3 {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }
        .photoAlbums .box.photoAlbum > div {
            border-radius: 4px;
            border-top-left-radius: 0;
        }

        /* temporary fakes - only for development */
        .col.theme .box {  border-radius: 4px; }
        .subject .box   { margin-top: 1em; }
        /* unsorted - ordered */
        .board .tabs.theme li div { /* todo: move colors + rounded corners to anchor */
            border-radius: 5px;
        }
        .tabs.theme li.active div {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

    #searchPage .item .ico            { background: url(/img/sprites-title.gif) no-repeat; }
    #searchPage .item-Album           { background: #feffe1; }
    #searchPage .item-Travelogue      { background: #fff4db; }
    #searchPage .item-Fiki            { background: #e9f6ff; }
    #searchPage .item-Hotel           { background: #e9ffd4; }
    #searchPage .item-Discussion,
    #searchPage .item-Meeting         { background: #ffeef1; }
    #searchPage .item-Album .ico      { background-position: 0 -145px; }
    #searchPage .item-Travelogue .ico { background-position: 0 -342px; }
    #searchPage .item-Fiki .ico       { background-position: 0 -46px; }
    #searchPage .item-Hotel .ico      { background-position: 0 -235px; }
    #searchPage .item-Discussion .ico,
    #searchPage .item-Meeting .ico    {  background-position: 0 -295px; }
    /* todo: this could be later aggregated */
    .discussions .items .ico,
    #user-discussions-control .ico,
    #discussList .ico
        { background: url(/img/sprites-discussion.png) no-repeat; }

    .discussions .items .ico.airline,
    #user-discussions-control .ico.airline,
    #discussList .ico.airline
        { background-position: 0 -50px; }

    .discussions .items .ico.destination,
    #user-discussions-control .ico.destination,
    #discussList .ico.destination
        { background-position: 0 -25px; }

    .discussions .items .ico.travelAgency,
    #user-discussions-control .ico.travelAgency,
    #discussList .ico.travelAgency
        { background-position: 0 -50px; }

    .discussions .items .ico.general,
    #user-discussions-control .ico.general,
    #discussList .ico.general
        { background-position: 0 0; }

    .discussions .items .ico.heart,
    #user-discussions-control .ico.heart,
    #discussList .ico.heart
        { background-position: 0 -75px; }

    .discussions .items .ico.offtopic,
    #user-discussions-control .ico.offtopic,
    #discussList .ico.offtopic
        { background-position: 0 -100px; }

    .page .discussions .special .heart { color: #E33758; }
    /* gmap markers */
    .mapMarkerTitle-discussion {
        background-color: #ff0000;
        border-color: #970000;
        text-shadow: 1px 1px 0 #970000;
    }
    .mapMarkerTitle-travelogue {
        background-color: #ffb400;
        border-color: #976b00;
        text-shadow: 1px 1px 0 #ffd267;
        color: #392900;
    }
    .mapMarkerTitle-hotel {
        background-color: #5fc514;
        border-color: #347a00;
        text-shadow: 1px 1px 0 #347a00;
    }
    .mapMarkerTitle-album {
        background-color: #ffea00;
        border-color: #b3a400;
        text-shadow: 1px 1px 0 #fff476;
        color: #262300;
    }
    .mapMarkerTitle-user, .mapMarkerTitle-meeting {
        background-color: #f020f3;
        border-color: #920097;
        text-shadow: 1px 1px 0 #920097;
        color: #fff;
        padding:5px;
        white-space:nowrap;
        border-radius: 4px;
        border:1px #9C2F9D solid;
    }
    .mapMarkerTitle-userTour {
        background-color: #ff0000;
        border-color: #970000;
        text-shadow: 1px 1px 0 #970000;
    }
    .mapMarkerTitle-guide {
        background-color: #00abf1;
        border-color: #0077a8;
        text-shadow: 1px 1px 0 #0077a8;
    }
    /* /gmap markers */



/* CSS3 corner emulations */

/*
    ToDo: create inheritable corners also inside
*/

/* alternative rounded corner styles | 'r-' prefix */
.r-wrap {
    position: relative;
    display: inline-block;
}
.r-wrap * {
    margin: 0;
}

/* default corner settings */
.r-tl, .r-tr, .r-bl, .r-br,
.r-bl-inv, .r-br-inv {
    font-size: 1px;
    display: block;
    position: absolute;
    background-color: transparent !important;
    background-image: url(/img/sprites-rnd-std.png);
    background-repeat: no-repeat;
    padding: 0 !important;
    z-index: 99;
    background-color: black;
}
.board > .r-tl, .board > .r-tr {
    background-image: url(/img/sprites-rnd-16-blue.png);
}
.board > .r-tl-blue {
    background-position: 0px 0px;
}
.board > .r-tr-blue {
    background-position: -16px 0px;
}

.r-bl-inv, .r-br-inv {
    width: 5px;
    height: 5px;
    background: inherit !important;
}
.r-bl-inv div, .r-br-inv div {
    width: 5px;
    height: 5px;
    background-image: url(/img/sprites-rnd-inverted.png);
}
.r-bl-inv {
    left: -5px;
    bottom: 0;
}
.r-bl-inv div { background-position: -5px -5px; }
.r-br-inv {
    right: -5px;
    bottom: 0;
}
.r-br-inv div { background-position: 0 -5px; }

/* positions */
.r-tl {
    left: 0;
    top: 0;
}
.r-tr {
    right: 0;
    top: 0;
}
.r-bl {
    left: 0;
    bottom: 0;
}
.r-br {
    right: 0;
    bottom: 0;
}
.r-5 {
    width: 5px;
    height: 5px;
}
.r-16 {
    width: 16px !important;
    height: 16px !important;
}

/* colors */
.r-tl-white { background-position: 0px -60px; }
.r-tr-white { background-position: -5px -60px; }
.r-bl-white { background-position: 0px -65px; }
.r-br-white { background-position: -5px -65px; }

.r-tl-blue { background-position: 0px 0px; }
.r-tr-blue { background-position: -5px 0px; }
.r-bl-blue { background-position: 0px -5px; }
.r-br-blue { background-position: -5px -5px; }

.r-tl-green { background-position: 0px -10px; }
.r-tr-green { background-position: -5px -10px; }
.r-bl-green { background-position: 0px -15px; }
.r-br-green { background-position: -5px -15px; }

.r-tl-yellow { background-position: 0px -20px; }
.r-tr-yellow { background-position: -5px -20px; }
.r-bl-yellow { background-position: 0px -25px; }
.r-br-yellow { background-position: -5px -25px; }

.r-tl-orange { background-position: 0px -30px; }
.r-tr-orange { background-position: -5px -30px; }
.r-bl-orange { background-position: 0px -35px; }
.r-br-orange { background-position: -5px -35px; }

.r-tl-red { background-position: 0px -40px; }
.r-tr-red { background-position: -5px -40px; }
.r-bl-red { background-position: 0px -45px; }
.r-br-red { background-position: -5px -45px; }

.r-tl-violet { background-position: 0px -50px; }
.r-tr-violet { background-position: -5px -50px; }
.r-bl-violet { background-position: 0px -55px; }
.r-br-violet { background-position: -5px -55px; }

.r-tl-lightBlue { background-position: 0px -80px; }
.r-tr-lightBlue { background-position: -5px -80px; }
.r-bl-lightBlue { background-position: 0px -85px; }
.r-br-lightBlue { background-position: -5px -85px; }

/* shaded corners - todo: move to themes? */
    .ad-blueShade   { background-image: url(/img/sprites-rnd-shade.png); }
    .r-tl-blueShade { background-position: 0px 0px; }
    .r-tr-blueShade { background-position: -16px 0px; }
    .r-bl-blueShade { background-position: 0px -16px; }
    .r-br-blueShade { background-position: -16px -16px; }
/*/shaded corners */

.is-wrapped { position: relative; }

/* test - corner offset for padding issue */
.col.theme > .box > .r-tl {
    top: -6px;
    left: -6px;
}
.col.theme > .box > .r-tr {
    top: -6px;
    right: -6px;
}
.col.theme > .box > .r-bl {
    bottom: -6px;
    left: -6px;
}
.col.theme > .box > .r-br {
    bottom: -6px;
    right: -6px;
}

/*
    offset for main
    todo: try aligning different positioning for corners
*/
.board > .r-tl {
    top: -7px;
    left: -7px;
}
.board > .r-tr {
    top: -7px;
    right: -7px;
}
.board > .r-bl {
    bottom: -16px;
    left: -16px;
}
.board > .r-br {
    bottom: -16px;
    right: -16px;
}

/* IE RENDERING BUGS FIXES */
.content .cols,
.content .col {
    zoom: 1;
}
/*/IE RENDERING BUGS FIXES */

/* form fieldset headlines */
.alone.addForm .mainEditForm h2            { border: 0; }
.alone.addForm .mainEditForm h2.search     { background-position: 0 4px; }
.alone.addForm .mainEditForm h2.earth      { background-position: 0 -43px; }
.alone.addForm .mainEditForm h2.compass    { background-position: 0 -93px; }
.alone.addForm .mainEditForm h2.gallery    { background-position: 0 -141px; }
.alone.addForm .mainEditForm h2.user       { background-position: 0 -188px; }
.alone.addForm .mainEditForm h2.base       { background-position: 0 -240px; }
.alone.addForm .mainEditForm h2.discuss    { background-position: 0 -293px; }
.alone.addForm .mainEditForm h2.travelogue { background-position: 0 -340px; }
.alone.addForm .mainEditForm h2.settings   { background-position: 0 -400px; }
.alone.addForm .mainEditForm h2.hotel,
.alone.addForm .mainEditForm h2.travel,
.alone.addForm .mainEditForm h2.airline    { background-position: 0 -490px; }


/* new profile */
/* tabs dimension */
#newProfile .user-tabs .my a           { width: 80px; }
#newProfile .user-tabs .albums a       { width: 96px; }
#newProfile .user-tabs .periplus a     { width: 100px; }
#newProfile .user-tabs .discussions  a { width: 85px; }
#newProfile .user-tabs .reviews a      { width: 86px; }
#newProfile .user-tabs .friends a      { width: 85px; }
#newProfile .user-tabs .travels a      { width: 96px; }

.lang-sk #newProfile .user-tabs .albums a       { width: 70px; }
.lang-sk #newProfile .user-tabs .discussions  a { width: 94px; }
.lang-sk #newProfile .user-tabs .reviews a      { width: 90px; }
.lang-sk #newProfile .user-tabs .friends a      { width: 90px; }
.lang-sk #newProfile .user-tabs .travels a      { width: 104px; }

.lang-pl #newProfile .user-tabs .my a,
.lang-pl #newProfile .user-tabs #myMenu a.label { width: 68px; }
.lang-pl #newProfile .user-tabs .albums a       { width: 97px; }
.lang-pl #newProfile .user-tabs .periplus a     { width: 128px; }
.lang-pl #newProfile .user-tabs .discussions  a { width: 82px; }
.lang-pl #newProfile .user-tabs .reviews a      { width: 85px; }
.lang-pl #newProfile .user-tabs .friends a      { width: 94px; }
.lang-pl #newProfile .user-tabs .travels a      { width: 74px; }
.lang-pl #newProfile .user-tabs a               { text-transform: lowercase; }
.lang-pl #newProfile .user-tabs a:first-letter  { text-transform: uppercase; }

/*skin profile 1 - BLUE */
#newProfile.skin-profile1 .user-block-main h2,
#newProfile.skin-profile1 #user-about .about h4,
#newProfile.skin-profile1 #user-about .frontMap div.title,
#newProfile.skin-profile1 #user-about #userTour .real span input,
#newProfile.skin-profile1 #user-about .places .col h3,
#newProfile.skin-profile1 .user-block-content h3.label {
    color: #176c9c;
}
#newProfile.skin-profile1 .user-block-content a {
    color: #0F7CB6;
}
#newProfile.skin-profile1 .user-tabs a {
    color: #fff;
    background-color: #7bc4e9;
}
#newProfile.skin-profile1 .user-tabs li.active .wrapper a,
#newProfile.skin-profile1 .user-tabs li.active .wrapper a:hover {
    color: #176c9c;
    background: #e9f6ff
}
#newProfile.skin-profile1 .user-block-main,
#newProfile.skin-profile1 .user-block-content,
#newProfile.skin-profile1 .user-tabs .c-l,
#newProfile.skin-profile1 .user-tabs .c-r,
#newProfile.skin-profile1 .photoAlbums {
    background: #e9f6ff
}
#newProfile.skin-profile1 #user-about .frontMap .title,
#newProfile.skin-profile1 #user-about .frontMap .wrapper,
#newProfile.skin-profile1 #user-about .places .col .label,
#newProfile.skin-profile1 #user-msg-control .msgBody {
    border-color: #afd4e9;
}
#newProfile.skin-profile1 #user-about #userTour .real span input {
    background: #e9f6ff;
    border-color: #afd4e9;
}
#newProfile.skin-profile1 #user-about #userTour .real span input:hover {
    background: #cee5f8;
    border-color: #669dcb;
}
#newProfile.skin-profile1 .fancyTable th {
    background-color: #abd8ff;
    border-color: #89c8ff;
    color: #176c9c;
}
#newProfile.skin-profile1 .fancyTable td                { border-color: #89c8ff; }
#newProfile.skin-profile1 .fancyTable .even td          { background: #e0f1ff; }
#newProfile.skin-profile1 .fancyTable.receivedMsg a.new { color: #d23639; }
#newProfile.skin-profile1 .user-tabs .my .arrow         { background-position: 0 0; }
#newProfile.skin-profile1 .user-tabs .my.active .arrow  { background-position: 0 -19px; }
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even h3,
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even div,
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even .toolbar {
    background: #82cbef;
}
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even h3 a,
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even .block a,
#newProfile.skin-profile1 .photoAlbums .box.photoAlbum.even .toolbar a {
    color: #fff;
}
#newProfile.skin-profile1 #user-msg-control .msgBody .arrow { background-position: 0 0; }

/*skin profile 2 - GRAY (used to be RED) */
#newProfile.skin-profile2 .user-block-main h2,
#newProfile.skin-profile2 #user-about .about h4,
#newProfile.skin-profile2 #user-about .frontMap div.title,
#newProfile.skin-profile2 #user-about #userTour .real span input,
#newProfile.skin-profile2 #user-about .places .col h3,
#newProfile.skin-profile2 .user-block-content h3.label {
    color: #d23639;
}
#newProfile.skin-profile2 .user-block-content a {
    color: #176c9c;
}
#newProfile.skin-profile2 .user-tabs a {
    background-color: #eaeaea;
    color: #d23639;
}
#newProfile.skin-profile2 .user-tabs li.active .wrapper a,
#newProfile.skin-profile2 .user-tabs li.active .wrapper a:hover {
    color: #424242;
    background: #f2f2f2;
}
#newProfile.skin-profile2 .user-block-main,
#newProfile.skin-profile2 .user-block-content,
#newProfile.skin-profile2 .user-tabs .c-l,
#newProfile.skin-profile2 .user-tabs .c-r,
#newProfile.skin-profile2 .photoAlbums {
    background: #f2f2f2;
}
#newProfile.skin-profile2 #user-about .frontMap .title,
#newProfile.skin-profile2 #user-about .frontMap .wrapper,
#newProfile.skin-profile2 #user-about .places .col .label,
#newProfile.skin-profile2 #user-msg-control .msgBody {
    border-color: #d3d3d3;
}
#newProfile.skin-profile2 #user-about #userTour .real span input {
    background: #f2f2f2;
    border-color: #d3d3d3;
}
#newProfile.skin-profile2 #user-about #userTour .real span input:hover {
    background: #eee;
    border-color: #999;
}
#newProfile.skin-profile2 .fancyTable th {
    background-color: #e6e6e6;
    border-color: #d3d3d3;
    color: #d23639;
}
#newProfile.skin-profile2 .fancyTable td                { border-color: #d3d3d3; }
#newProfile.skin-profile2 .fancyTable .even td          { background: #f5f5f5; }
#newProfile.skin-profile2 .fancyTable.receivedMsg a.new { color: #d23639; }
#newProfile.skin-profile2 .user-tabs .my .arrow,
#newProfile.skin-profile2 .user-tabs .my.active .arrow  { background-position: -19px -19px; }
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even h3,
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even div,
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even .toolbar {
    background: #d5d5d5;
    color: #000;
}
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even h3 a,
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even .block a,
#newProfile.skin-profile2 .photoAlbums .box.photoAlbum.even .toolbar a {
    color: #000;
}
#newProfile.skin-profile2 #myMenu {
    border-color: #b6b6b6;
}
#newProfile.skin-profile2 #myMenu a.label {
    border-color: #b6b6b6;
    color: #4f4f4f;
}
#newProfile.skin-profile2 #myMenu a.label:hover {
    background-position: 0 -40px;
    color: #d23639;
}
#newProfile.skin-profile2 #myMenu .arrow {
    background-position: -19px -38px;
}
#newProfile.skin-profile2 #myMenu ul li a {
    border-color: #ccc;
    background-color: #f8f8f8;
    color: #727272;
}
#newProfile.skin-profile2 #myMenu ul li a:hover {
    border-color: #da8f8f;
    background-color: #f7e6e6;
    color: #ba3e3e;
}
#newProfile.skin-profile2 #user-msg-control .msgBody .arrow {
    background-position: -15px 0;
}

/*skin profile 3 - ORANGE */
#newProfile.skin-profile3 .user-block-main h2,
#newProfile.skin-profile3 #user-about .about h4,
#newProfile.skin-profile3 #user-about .frontMap div.title,
#newProfile.skin-profile3 #user-about #userTour .real span input,
#newProfile.skin-profile3 #user-about .places .col h3,
#newProfile.skin-profile3 .user-block-content h3.label {
    color: #d23639;
}
#newProfile.skin-profile3 .user-block-content a {
    color: #0f7cb6;
}
#newProfile.skin-profile3 .user-tabs a {
    background-color: #ffa404;
    color: #fff;
}
#newProfile.skin-profile3 .user-tabs li.active .wrapper a,
#newProfile.skin-profile3 .user-tabs li.active .wrapper a:hover {
    color: #d23639;
    background: #fdf0e0;
}
#newProfile.skin-profile3 .user-block-main,
#newProfile.skin-profile3 .user-block-content,
#newProfile.skin-profile3 .user-tabs .c-l,
#newProfile.skin-profile3 .user-tabs .c-r,
#newProfile.skin-profile3 .photoAlbums {
    background: #fdf0e0;
}
#newProfile.skin-profile3 #user-about .frontMap .title,
#newProfile.skin-profile3 #user-about .frontMap .wrapper,
#newProfile.skin-profile3 #user-about .places .col .label,
#newProfile.skin-profile3 #user-msg-control .msgBody {
    border-color: #fbcb91;
}
#newProfile.skin-profile3 #user-about #userTour .real span input {
    background: #fdf0e0;
    border-color: #fbcb91;
}
#newProfile.skin-profile3 #user-about #userTour .real span input:hover {
    border-color: #c0a257;
}
#newProfile.skin-profile3 .fancyTable th {
    background-color: #fad78b;
    border-color: #fbcb91;
    color: #d23639;
}
#newProfile.skin-profile3 .fancyTable td {
    border-color: #fbcb91;
}
#newProfile.skin-profile3 .fancyTable .even td {
    background: #fff4e8;
}
#newProfile.skin-profile3 .fancyTable.receivedMsg a.new {
    color: #d23639;
}
#newProfile.skin-profile3 .user-tabs .my .arrow {
    background-position: -38px 0;
}
#newProfile.skin-profile3 .user-tabs .my.active .arrow {
    background-position: -38px -19px;
}
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even h3,
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even div,
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even .toolbar {
    background: #ffbe6d;
    color: #000;
}
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even h3 a,
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even .block a,
#newProfile.skin-profile3 .photoAlbums .box.photoAlbum.even .toolbar a {
    color: #000;
}
#newProfile.skin-profile3 #user-msg-control .msgBody .arrow {
    background-position: -30px 0;
}

/*skin profile 4 - GREEN */
#newProfile.skin-profile4 .user-block-main h2,
#newProfile.skin-profile4 #user-about .about h4,
#newProfile.skin-profile4 #user-about .frontMap div.title,
#newProfile.skin-profile4 #user-about #userTour .real span input,
#newProfile.skin-profile4 #user-about .places .col h3,
#newProfile.skin-profile4 .user-block-content h3.label {
    color: #176c9c;
}
#newProfile.skin-profile4 .user-block-content a {
    color: #176c9c;
}
#newProfile.skin-profile4 .user-tabs a {
    background-color: #81b90b;
    background-color: #a4cc1d;
    color: #fff;
}
#newProfile.skin-profile4 .user-tabs li.active .wrapper a,
#newProfile.skin-profile4 .user-tabs li.active .wrapper a:hover {
    color: #176c9c;
    background: #edf9d9;
}
#newProfile.skin-profile4 .user-block-main,
#newProfile.skin-profile4 .user-block-content,
#newProfile.skin-profile4 .user-tabs .c-l,
#newProfile.skin-profile4 .user-tabs .c-r,
#newProfile.skin-profile4 .photoAlbums {
    background: #edf9d9;
}
#newProfile.skin-profile4 #user-about .frontMap .title,
#newProfile.skin-profile4 #user-about .frontMap .wrapper,
#newProfile.skin-profile4 #user-about .places .col .label,
#newProfile.skin-profile4 #user-msg-control .msgBody {
    border-color: #b3ce56;
}
#newProfile.skin-profile4 #user-about #userTour .real span input {
    background: #f2ffd4;
    border-color: #b3ce56;
}
#newProfile.skin-profile4 #user-about #userTour .real span input:hover {
    background: #e1f2b9;
    border-color: #90ad4b;
}
#newProfile.skin-profile4 .fancyTable th {
    background-color: #d1ea7d;
    border-color: #b3ce56;
    color: #637c11;
}
#newProfile.skin-profile4 .fancyTable td                { border-color: #b3ce56; }
#newProfile.skin-profile4 .fancyTable .even td          { background: #f5faec; }
#newProfile.skin-profile4 .fancyTable.receivedMsg a.new { color: #d23639; }
#newProfile.skin-profile4 .user-tabs .my .arrow         { background-position: -57px 0; }
#newProfile.skin-profile4 .user-tabs .my.active .arrow  { background-position: -57px -19px; }
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even h3,
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even div,
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even .toolbar {
    background: #d2e398;
    color: #416f00;
}
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even h3 a,
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even .block a,
#newProfile.skin-profile4 .photoAlbums .box.photoAlbum.even .toolbar a {
    color: #305200;
}
#newProfile.skin-profile4 #user-msg-control .msgBody .arrow { background: url(/img/themes/bg-msg-arrow.png) no-repeat; }
#newProfile.skin-profile4 #user-msg-control .msgBody .arrow { background-position: -45px 0; }
/* /new profile */

/* skin profile box */
/* filthy BLUE */
.box.skin-profile-box1 h2,
.box.skin-profile-box1 div.wrap,
.box.skin-profile-box1 div.wrap .extend {
    background: #daebf8;
}
.box.skin-profile-box1 h2 .nick a {
    color: #176c9c;
}

/* GRAY */
.box.skin-profile-box2 h2,
.box.skin-profile-box2 div.wrap,
.box.skin-profile-box2 div.wrap .extend {
    background: #e3e3e3;
}
.box.skin-profile-box2 h2 .nick a {
    color: #176c9c;
}

/* ORANGE */
.box.skin-profile-box3 h2,
.box.skin-profile-box3 div.wrap,
.box.skin-profile-box3 div.wrap .extend {
    background: #f9cc52;
}
.box.skin-profile-box3 h2 .nick a {
    color: #fff;
}

/* GREEN */
.box.skin-profile-box4 h2,
.box.skin-profile-box4 div.wrap,
.box.skin-profile-box4 div.wrap .extend {
    background: #a3d201;
}
.box.skin-profile-box4 h2 .nick a {
    color: #fff;
}
/* skin profile box */

/* css3 corners - legend: topleft  topright  bottomleft  bottomright */
/* 5 */
#newProfile .user-tabs li a,
#newProfile #user-about .about,
#newProfile #user-about .frontMap .wrapper,
#newProfile #user-about .places .col .wrap,
#user-msg-control .messageForm .recipient,
#newProfile .fancyTable td .popupImg .wrap,
#newProfile .fancyTable td .popupImg .wrap img,
#login-hidden-form,
#addMenuItemHelp,
#searchFlags,
#searchFlags a,
#searchFlags span,
.fiki div.pdfMedia {
    border-radius: 5px;
}
/* 0 5 5 5 */
#newProfile .user-tabs #myMenu {
    border-radius: 5px;
    border-top-left-radius: 0;
}
/* 5 5 x x */
#newProfile #user-about .frontMap .title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* x x 5 5 */
.box.user.login .lost {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* 0 0 x x */
#newProfile #user-about .frontMap .wrapper.userTour {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* x x 0 0 */
#newProfile.user-profile .user-tabs li.active .wrapper a,
#newProfile .user-tabs #myMenu a.label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#newProfile .user-tabs .c-r span { border-bottom-left-radius: 5px; }
#newProfile .user-tabs .c-l span { border-bottom-right-radius: 5px; }
#newProfile #user-about .frontMap .wrapper.isOwn
                                 { border-bottom-right-radius: 0; }
/* /css3 corners */

/* small lang flags */
.flagLangSmall.f-cz { background-position: 0 0; }
.flagLangSmall.f-sk { background-position: 0 -16px; }
.flagLangSmall.f-pl { background-position: 0 -31px; }
.flagLangSmall.f-hu { background-position: 0 -47px; }
/* /small lang flags */
