.tps-message {
    margin-top: 1em;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    /*margin: 10px 0px;*/
    padding: 1em 1em 1em 1em;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    /*background-image: url('info.png');*/
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image: url('success.png');*/
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}

.error {
    color: DarkRed;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}

.error a {
    color: #555 !important;
}

.edit {
    /*background: #ffeb3b;*/
}
#wrap.edit {
    /*background: #ffeb3b;*/
    padding-left: 0.5em;
    padding-right: 0.5em;
}


/* ===== Events Search Form ===== */

#tpuc-events-form-wrap {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #777777;
    font-size: 0.8em;
}
#ui-datepicker-div {
    font-size: 0.8em;
}

#tpuc-events-form-wrap input, textarea {
    padding: 0.1em;
}


#tpcu-events-form > div {
    float: left;
    padding-left: 0.5em;
}


#tpcu-events-form #partner > div{
    padding-left: 0.5em;
    float: left;
}

.post-pagination {
    padding-bottom: 0.5em;
}

#login-widget-wrp {
    float: right;
    display: block;
}

/* ==================== Edit event form ===============================*/

#tpuc-edit-event-form #excerpt {
    display: block;
    width: 95%;
    margin-top: 0.5em;
}


#tpuc-edit-event-form #preview_wrapper {
    position: relative;
}
#tpuc-edit-event-form #image {
    width: 95%;
}

#tpuc-edit-event-form #image_preview {
    width: 95%;
padding-top:0.5em;
padding-bottom:0.5em;
/*    padding: 0.2em;*/

}

#tpuc-edit-event-form #preview_wrapper a.boxclose {
    position: absolute;
    top: 0.4em;
    right: 0;
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 1em;
    background: #605F61;
    font-size: 0.9em;
    font-weight: bold;
    display: inline-block;
    padding: 3px 3px;
    font-family: 'Genericons';
}

#tpuc-edit-event-form #preview_wrapper a.boxclose:hover {
    border: 1px solid #AEAEAE;
    background: #FF0000;
    text-decoration: none;
    font-family: 'Genericons';
}

#tpuc-edit-event-form .boxclose:before {
    content: '\f406';
}

#tpuc-edit-event-form #start_end {
    float: left;
}

#tpuc-edit-event-form #repeat_div {
    float: left;
    padding-left: 1em;
}

#tpuc-edit-event-form td {
    padding-right: 0.5em;
}

#tpuc-edit-event-form #places_block {
    float: left;
    padding-right: 1em;
}

#tpuc-edit-event-form #category_block {
    float: left;
    padding-right: 1em;
}

#tpuc-edit-event-form #djs_block {
    float: left;
    padding-right: 1em;
}

#tpuc-edit-event-form #schools_block {
    float: left;
    padding-right: 1em;
}
#tpuc-edit-event-form #price_block {
    float: left;
    padding-right: 1em;
}

#tpcu-add-event-wrap .actions {
    margin-top: 0.5em;
    margin-bottom: 2em;
}

#tpuc-edit-event-form input, #tpuc-edit-event-form textarea {
    padding: 0.5em;

#    padding: 0.2em;
}

#tpuc-edit-event-form #title {
    width: 95%;
    font-size: 1.2em;
}

#tpuc-edit-event-form .field {

    margin-top: 0.5em;
}

.ui-timepicker-table td, .ui-timepicker-table th.periods {
    width: 2.2em;
    padding: .1em;
}

.ui-timepicker-table td a {
    font-size: 0.8em;
    padding: .2em .3em .2em .5em;
}

.ui-timepicker-title  {
    font-size: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

#ui-timepicker-div table.ui-timepicker-table.ui-widget-content {
    border: none;
}

@media only screen and (max-width: 40em) {
}

@media only screen and (min-width: 40em) {
    #tpuc-edit-event-form #main_col {
        float: left;
        width: 70%;
    }

    #tpuc-edit-event-form #second_col {
        margin-left: 2em;
        float: left;
        width: 25%;
    }
}


/* menu */
#tpuc-nav-menu {
    float: none;
    list-style-position: outside;
    list-style-type: none;
    position: relative;
}


#tpuc-nav-menu li {
    position: relative;
}

#tpuc-nav-menu li a {
    display: block;
    padding: 0.5em 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    color: DarkRed;
    font-size: 0.6em;
}

#tpuc-nav-menu .selected a {
    color: DarkRed;
    font-weight: bold;
    font-size: 1em;
}

#tpuc-nav-menu .admin {
    background-color: #BBB;
}

#secondary-nav {
    margin-bottom: 1em;
    min-height: 2em;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 0.2em;
}

@media only screen and (max-width: 40em) {
    #tpuc-nav-menu li {
        display: block;
    }

    #tpuc-nav-menu li a {
        border-bottom: 4px solid DarkRed;
        border-left: 4px solid DarkRed;
        border-right: 4px solid DarkRed;
    }

    #tpuc-nav-menu .selected a {
    }
}

@media only screen and (min-width: 40em) {

    #tpuc-nav-menu li {
        display: inline-block;
        float: left;
    }

    #tpuc-nav-menu li a {
        border-left: 4px solid DarkRed;
        border-bottom: 4px solid DarkRed;
    }

    #tpuc-nav-menu .selected a {
        border-right: 4px solid DarkRed;
    }

    #tpuc-nav-menu li:last-child a {
        border-right: 4px solid DarkRed;
    }
    #tpuc-nav-menu li:first-child a {
        border-left: 4px solid DarkRed;
    }
    #tpuc-nav-menu .selected + li a {
        border-left: none;
    }
}




/* Actions buttons */

#tpcu-events article .actions {
    margin-top: 0.5em;
}

.actions div {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 0.2em;
    margin-top: 0.2em;
    border: 1px solid #ddd;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
}
.actions .show-evt a, .actions .hide-evt a, .actions .edit a, .actions .edit-as-new a, .actions .save-evt  a, .actions .save-as-new-evt  a, .actions .save-as-new-evt a  {
    background-color: #555;
    color: #ffffff;
}
.actions .show-evt, .actions .hide-evt, .actions .edit, .actions .edit-as-new, .actions .save-evt, .actions .save-as-new-evt {
    background-color: #555;
    color: #ffffff;
}
.actions .delete {
    background-color: DarkRed;
    margin-left: 3em;
}
.actions .delete a {
    color: #ffffff;
}
.actions div:hover{
    cursor: pointer;
    text-decoration: underline;
}

.actions a {
    color: #ffffff;
}

/* Help tips */
.help-tip {
    padding-left: 0.5em;
    font-size: 1.2em;
    font-family: 'Genericons';
    color: #24748c;
}
.help-tip:before{
    content: '\f457';
}
 
.tips{position:relative;margin-bottom:5px;   }

.vopros{
width: 28px;line-height: 28px;
background-color: #DarkRed;-moz-box-shadow: 0 1px 1px rgba(66,79,96,.16), inset 0 2px 2px rgba(85,95,104,.16);
-webkit-box-shadow: 0 1px 1px rgba(66,79,96,.16), inset 0 2px 2px rgba(85,95,104,.16);box-shadow: 0 1px 1px rgba(66,79,96,.16), inset 0 2px 2px rgba(85,95,104,.16);
color: #fff;

;font-size: 24px;text-align: center;margin-top:10px;cursor:pointer;
font-size: 1.2em;
    font-family: 'Genericons';
    color: #24748c;

#display: block;
}
.hidden{display: none;position: absolute;
bottom: 130%;
left: 0px;
background-color: #fff;color: #24748c;padding: 5px;
text-align: center;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
box-shadow: 0 1px 1px rgba(0,0,0,.16);
font-size: 20px;
font-family: 'Genericons';
}

.hover:after, .focus:after{
content: attr(data-title);display: none;position: absolute;bottom: 130%;left: 0px;
background-color: #fff;color: #DarkRed;padding: 5px;text-align: center;-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);box-shadow: 0 1px 1px rgba(0,0,0,.16);
font-size: 22px;
font-family: 'Genericons';

}

.hover:hover:after, .focus:focus:after{display: block;}
.hover + .hidden:before, .focus + .hidden:before{content: " ";position: absolute;top: 98%;left: 10%;margin-left: -5px;border-width: 5px;border-style: solid;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #fff;border-color: #fff transparent transparent transparent;z-index: 2;}
.hover + .hidden:after, .focus + .hidden:after{content: " ";position: absolute;top: 100%;left: 10%;margin-left: -5px;border-width: 5px;border-style: solid;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #fff;border-color: rgba(0,0,0,.16) transparent transparent transparent;z-index: 1;}
.hover:hover + .hidden, .focus:focus + .hidden{display: block;}
.back{clear:both;text-align: center;padding-top:50px;}
.back a{font-size: 24px;font-weight: normal;line-height: 100%;color: #24748c;}