﻿select
{
    margin: 0.7em 0.5em 0.7em 0;
}

/* Color selector */
.color-menu
{
    padding: 4px;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -webkit-border-radius: .5em;
    background-color: #f5f5f5;
    float: left;
}
.color-menu-active
{
    background-color: #eee;
    -moz-border-radius-topright: 0em;
    -moz-border-radius-bottomright: 0em;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}
/* Pagination */
.pagination
{

    padding-bottom:5px;
    text-align: right;
    width: 490px;
    float: right;
}
.pagination a
{
    font-size:.8em;
    margin:0 5px 0 0;
    padding:1px 9px;
    color: #000;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    text-decoration: none;
    height: 20px;
    float: right;
    line-height: 190%;
}
.pagination a.number
{
    background-color: #F5F5F5;
}
.pagination a.current
{
    background:#ACDB6B !important;
    color:#fff !important;
}
/* EOF Pagination */
/* Mainmenu (admin) */
ul.mainmenu
{
    margin: 0px;
}

.mainmenu li
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    border-bottom: 1px solid #eee;
}

.mainmenu ul li
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    border: none;
}
.mainmenu .current
{
    font-weight: bold;
}

/* Validator
   (to enable autocomplete)
*/
.validate_minlength { }
.validate_fullname { }
.validate_url { }
.validate_phone { }
.validate_email { }
.validate_passwordstrength { }
.validate_repeatpassword { }

.validate_response_small
{
    position: absolute !important;
    left: inherit !important;
}

.checklogin 
{
    cursor: pointer;
}

.odd
{
}

.imgborder
{
    float: left;
    border: 1px solid #EEE;
    padding: 0.3em;
    margin: 0.5em 0;
}

select
{
    padding: 4px;
}

/* Themes + Widgets */
.theme,
.widget
{
    cursor: pointer;
}
.theme div,
.widget div
{
    width: 230px;
    height: 119px;
    margin-bottom: 10px;
    background-position: center center;
}
.widget
{
    height: 150px;
}
.selected div
{
    width: 220px;
    height: 109px;
    border: 5px solid #d1e6a5 !important;
}

.outdated
{
    border:5px solid #FBC2C4;
    height:109px !important;
    width:220px !important;
}

div.draghandle
{
    background-image:url(/Admin/images/widget-draghandle.png);
    border:medium none;
    color:#212121;
    cursor:move;
    height:30px;
    position:absolute;
}
.draghandle span
    {
        padding: 0.5em;
    }


.blogmenu
{
    background-color: Yellow;
    height: 31px;
    overflow: hidden;
    background: #414141 url(/admin/images/mainbackground.jpg) repeat-x scroll left bottom;
}
/* start:Dropdown */

span.dropDown
{
    display: inline-table;
    height: 26px;
    overflow: hidden;
}
.dropDown span
{
    display: inline-table;
    background-color: #f5f5f5;
    padding: 5px;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-border-radius: .5em;
}

.dropDown span.active
{
    background-color: #eee;
    -moz-border-radius: .5em .5em 0 0;
    border-radius: .5em 5em 0 0;
    -webkit-border-top-left-radius: .5em;
    -webkit-border-top-right-radius: .5em;
    -webkit-border-bottom-left-radius: 0em;
    -webkit-border-bottom-right-radius: 0em;
}

.dropDown #numSelectedRows
{
    margin-left: 5px;
    text-align: right;
    background-color: Transparent;
    position: relative;
    padding: 0px;
    font-weight: bold;
    -moz-border-radius: 0em;
    border-radius: 0em;
    -webkit-border-radius: 0em;
    line-height: 0em;
    top: -3px;
}
.dropDown img
{
}
.dropDown div
{
    position: absolute;
    background-color: #eee;
    -moz-border-radius: 0 .5em .5em .5em;
    border-radius: 0 .5em .5em .5em;
    -webkit-border-top-right-radius: .5em;
    -webkit-border-bottom-left-radius: .5em;
    -webkit-border-bottom-right-radius: .5em;
    
}
.dropDown div.flipLeft
{
    -moz-border-radius: .5em 0 .5em .5em;
    border-radius: .5em 0 .5em .5em;
    -webkit-border-top-left-radius: .5em;
    -webkit-border-top-right-radius: 0em;
    text-align: right;
}

.dropDown ul
{
    margin: 0px;
    padding: 5px 10px;
    list-style-type: none;
}
.dropDown ul li
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

.dropDown ul li ul li
{
    padding-left: 10px;
}

.dropDown a
{
    font-weight: normal;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}
/* end:Dropdown */

/* start: Rounded courners in IE */
div.rounded-top-dropdown
{
    background-color: inherit;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    top: -5px;
    height: 5px;
}
.rounded-top-left-dropdown
{
    overflow: hidden;
    width: 5px;
    height: 5px;
    left: -5px;
    background-image: url(/admin/images/dropdown-rounded.png);
    background-position: -26px top;
    background-color: Transparent !important;
}
.rounded-top-right-dropdown
{
    overflow: hidden;
    width: 5px;
    height: 5px;
    right: -5px;
    background-image: url(/admin/images/dropdown-rounded.png);
    background-position: -47px top;
    background-color: Transparent !important;
}

div.rounded-bottom-dropdown
{
    background-color: inherit;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    top: 5px;
    height: 5px;
}
.rounded-bottom-left-dropdown
{
    overflow: hidden;
    width: 5px;
    height: 5px;
    left: -5px;
    background-image: url(/admin/images/dropdown-rounded.png);
    background-position: -26px -26px;
    background-color: Transparent !important;
}
.rounded-bottom-right-dropdown
{
    overflow: hidden;
    width: 5px;
    height: 5px;
    right: -5px;
    background-image: url(/admin/images/dropdown-rounded.png);
    background-position: -47px -26px;
    background-color: Transparent !important;
}

.rounded span
{
    background-color: Transparent;
    background-image: url(/admin/images/dropdown-rounded.png);
}
.rounded span.active
{
    background-position: -26px top;
    background-color: Transparent;
}
.rounded span.first
{
    background-color: Transparent;
    background-image: url(/admin/images/dropdown-rounded.png);
    width: 44px;
    background-position: 0px -31px;
}
.rounded span.first.active
{
    background-position: -54px -31px;
    background-color: Transparent;
}
.dropDown.rounded div
{
    /*border: 1px solid red;*/
}


.rounded
{

}
.rounded-corner-left
{
    height: 20px;
    width: 9px;
    display: inline-table;
    overflow: hidden;
    background-image: url(/admin/images/submenu-rounded.png);
    background-repeat: no-repeat;
    float: left;
}
.rounded-corner-right
{
    height: 20px;
    width: 9px;
    display: inline-table;
    overflow: hidden;
    background-image: url(/admin/images/submenu-rounded.png);
    background-repeat: no-repeat;
    background-position: -9px top;
    float: right;
}

.rounded-corner-left-button
{
    overflow: hidden;
    display: inline-table;

    height: 29px;
    width: 13px;
    margin-right: 0px;
    background-image: url(/admin/images/button-rounded.png);
    position: relative;
    top: -5px;
    float: left;
}
.loading .rounded-corner-left-button
{
    margin-right: 20px;
}

.rounded-corner-right-button
{
    overflow: hidden;
    display: inline-table;
    height: 29px;
    width: 13px;
    margin-left: 0px;
    background-image: url(/admin/images/button-rounded.png);
    background-repeat: no-repeat;
    background-position: -13px top;
    position: relative;
    top: -5px;
    float: right;
}

.rounded-corner-left-blogmenu
{
    overflow: hidden;
    display: inline-table;
    height: 4px;
    width: 4px;
    margin-right: 0px;
    background-image: url(/admin/images/blogmenu-rounded.png);
    background-repeat: no-repeat;
    position: relative;
    float: left;
}
.rounded-corner-right-blogmenu
{
    overflow: hidden;
    display: inline-table;
    height: 4px;
    width: 4px;
    margin-left: 0px;
    background-image: url(/admin/images/blogmenu-rounded.png);
    background-repeat: no-repeat;
    background-position: -4px top;
    position: relative;
    float: right;
}
/* end: Rounded courners in IE */


.dashboard-button
{
    background: #f5f5f5 url(/admin/images/dashboard-button-rounded.png);
    cursor: pointer;
    float: left;
    display: block;
    margin-right: 10px;
    width: 134px;
    margin-bottom: 10px;
    padding: 1.5em;
    text-decoration: none;
    outline: none;
}
.dashboard-button.feature
{
    background-color: #ecfce6;
}
.dashboard-button.feature:hover
{
    background-color: #dcf8d1;
}

object,
object:active
{
    outline: 0;
}
.dashboard-button div
{
    background-image: url(/Admin/Images/dashboard-visual-settings.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    float: left;
    position: relative;
}
.dashboard-button .virtual-settings
{
    background-image: url(/Admin/Images/dashboard-visual-settings.png);
}
.dashboard-button .create-post
{
    background-image: url(/Admin/Images/dashboard-create-post.png);
}
.dashboard-button .media
{
    background-image: url(/Admin/Images/dashboard-medialibrary.png);
}
.dashboard-button .analytics
{
    background-image: url(/Admin/Images/dashboard-analytics.png);
}
.dashboard-button .settings
{
    background-image: url(/Admin/Images/dashboard-settings.png);
}
.dashboard-button .comments
{
    background-image: url(/Admin/Images/dashboard-comments.png);
}
.dashboard-button .help
{
    background-image: url(/Admin/Images/dashboard-help.png);
}
.dashboard-button .facebook
{
    background-image: url(/Admin/Images/dashboard-facebook.png);
}
.dashboard-button .add-banner
{
    background-image: url(/Admin/Images/dashboard-addx.png);
}
.dashboard-button .send-invite
{
    background-image: url(/Admin/Images/dashboard-sendinvite.png);
}

.dashboard-button.last
{
    margin-right: 0px;
}

.dashboard-button small
{
    color: #a1a1a1;
}
.dashboard-button:hover small
{
    color: #000;
}
.dashboard-button:hover
{
    background-color: #eee;
}

/* Missing Vimeo */
.vimeo_missing 
{
        background-image: url(/Images/missing_video.png);
        max-height: 380px !important;
        background-position: center bottom;
}
.vimeo_missing h2
{
    background-color: #000;
    float: left;
    color: #fff;
    padding: 0 5px;
    margin: 0px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.vimeo_missing small
{
    background-color: #000;
    float: left;
    color: #fff;
    padding: 0 5px;
    margin: 0px; 
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* EOF: Missing Vimeo*/

/* Loading div (Admin) */
#loadingDiv
{
    position: absolute;
    top: 0px;
    left: 50%;
    width: 70px;
    margin-left: -70px;
    padding: 5px 10px 10px 10px;
    color: #fff;
    background-color: #acdb6b;
    text-align: center;
    -moz-border-radius-bottomleft:.8em;
    -moz-border-radius-bottomright:.8em;
    border-radius: 0 0 .8em .8em;
    -webkit-border-bottom-left-radius: .8em;
    -webkit-border-bottom-right-radius: .8em;
}

/* Feedback */
.feedbackbutton
{
    margin-top: 20px;
    color: #000;
    text-decoration: none;
    background-image:url(/Admin/Images/feedback.png);
    padding-left: 55px;
    background-repeat: no-repeat;
    height: 50px;
    display: block;
    line-height: 1.3em;
}

/* Old blogstyles */
.bloggImageDiv
{
    margin-bottom: 20px;
}





/* Startpage */

.updates
{
    display: block;
}
.updates a
{
    text-decoration: none;
}

/* Text-effects */

.white
{
    color: #fff;
}
.green
{
    color: #d1e6a5;
}

.shadow
{
    text-shadow: 1px 1px 0 #000;
}


        /* Dropdown */
        .dropdown
        {
            text-decoration: none;
            display: inline-block;
            background-color: #f2f2f3;
            padding: 0 30px 0 5px;
            color: #000000;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            background-image: url(/images/default/clubguide_datepicker.png);
            background-position: right top;
            background-repeat: no-repeat;
            font-size: 24px;
            z-index: 1000;
        }
        .dropdown:hover
        {
            background-position: right bottom;
            cursor:default;
        }
        .dropdown div
        {
            background-color: #f2f2f3;
            display: block;
            position: absolute;
            margin-left: -5px;
            padding: 0 10px 10px 10px;
            font-size: .8em;
            display: none;
        }
        .dropdown div a.selected
        {
            background-color: #CCCCCC;
        }
        .dropdown div a.selected img
        {
            margin: 5px 10px 5px 5px;
        }
        .dropdown div a
        {
            color: #000000;
            text-decoration: none;
            display: block;
        }
        .dropdown div a:hover
        {
            color: #ffffff;
            text-shadow:1px 1px 0 #DDDDDD;
        }
        .dropdown img,
        .dropdown div a img
        {
            margin: 5px 10px 5px 0pt;
            vertical-align: middle;
            -moz-border-radius:2px;
            -webkit-border-radius: 2px;
            width: 70px;
            height: 70px;
        }
        /* EOF: Dropdown */
        
                /* Elements */
            /* Quote */
            .quoteElementDiv
            {
                padding-left: 30px;
            }
            .quoteElementDiv .quote
            {
                margin-bottom: 5px;
                font-size: 2em;
                position: relative;
                z-index: 2;
            }
            .quoteElementDiv big
            {
                color:#E0E0E0;  /* In each template */
                font-size:6em;
                font-weight:bold;
                margin-left:-0.3em;
                line-height:0.8em;
                position:absolute;
                z-index:1;
            }
            /* EOF Quote */
            /* Image */
            .imageElementDiv .imageDiv
            {
                text-align: center
            }
            /* Image */
            /* Video */
                .videoElementDiv .videoDiv
                {
                    text-align: center;
                }
            /* EOF Video */
            /* Sound */
            
            /* EOF Sound */
            /* Collage */
            .collageDiv img.thumbimage
            {
                float: none;
            }
            /* EOF Collage */
        /* EOF Elements */


/* [-- EDITORIAL --] */
    .text-div .large
    {
        font-size: 1.3em;
    }
    .text-div .byline
    {
        text-transform: uppercase;
        font-size: 0.9em;
    }
    .text-div .col-2
    {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        text-align: justify;
    }
    .text-div .photo-caption
    {
        font-style: italic;
        font-size: small;
    }
/* [-- EDITORIAL --] */
