.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;
}

    /* ===== Announcement Form ===== */
#announcement-form input, textarea {
    padding: 0.1em;
}

#announcement-form #preview_wrapper {
    position: relative;
    display: inline-block;
    clear:left;
}
#announcement-form #preview_wrapper a.boxclose {
    position: absolute;
    top: 0;
    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';
}

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

#announcement-form .boxclose:before {
    content: '\f406';
}

#announcement-form .field {
    display: table-row;
}

#announcement-form .field label,#announcement-form .field .input-field{
    display: table-cell;
    padding-right: 1em;
    padding-top: 0.2em;
}

#announcement-form .input-field input,#announcement-form .input-field select {
    width: 100%
}

#announcement-form {
    font-size: 0.8em;
    padding-right: 1em;
}

#announcement-form #partner-label,#announcement-form #my-label  {
    padding-bottom: 0.2em;
    padding-left: 1.5em;
    padding-top: 0.2em;
    font-size: 2em;
}

#announcement-form #partner-label {
    padding-bottom: 1.1em;
}

#announcement-form #partner_height_from {
    width: 44%;
}
#announcement-form #partner_height_to {
    width: 44%;
}

#announcement-form #partner_sex {
    padding-top: 2em;
}

#announcement-form #schedule-label {
    clear: both;
    padding-top: 1em;
    padding-bottom: 0.2em;
}
#announcement-form #schedule-label .info-tip {
    display: inline-block;
}

#announcement-form #schedule {
    display: table-row;
    padding-top: 1em;
}

#announcement-form #schedule > *{
    display: table-cell;
}

#announcement-form #schedule > #schedule-time{
    padding-right: 1em;
}

#announcement-form #places_block {
    padding-top: 1em;
    width: 60%;
}

#announcement-form #contacts {
    padding-top: 1em;
}

#announcement-form #additional,#announcement-form #photo-block {
    padding-top: 1em;
}
#announcement-form #additional {
    padding-right: 2em;
}

#announcement-form #wp-additional_info-wrap {
    border: 2px solid #ddd;
}

#announcement-form #additional .field {
    display: block;
}
#announcement-form #photo-block .field {
    display: block;
}
#announcement-form #photo-block .field > *{
    display: inline-block;
}
#announcement-form #additional .field label{
    padding-bottom: 0.5em;
}
#announcement-form #photo-block .field label{
    padding-bottom: 0.5em;
}

#announcement-form #button-wrap {
    clear: both;
    padding-top: 1em;
    font-size: 1.2em;
}
#announcement-form #button-wrap button {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 0.2em 1em;
    margin-left: 2em;

}

#announcement-form .help-tip {
    padding-left: 0.5em;
    font-size: 1.2em;

    font-family: 'Genericons';
    color: #24748c;
}
#announcement-form .help-tip:before{
    content: '\f457';
}


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

    #announcement-form #my,#announcement-form #partner {
        width: 49%;
        float: left;
    }
    #announcement-form #location {
        width: 35%;
    }
    #announcement-form #additional {
        float: left;
    }
    #announcement-form #additional{
        width: 60%;
        float: left;
    }
    #announcement-form #photo-block {
        width: 35%;
        float: left;
    }
}


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

#tps-search-form-wrap {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #777777;
    font-size: 0.8em;
}

#tps-search-form .help-tip {
    padding-left: 0.5em;
    font-size: 1.2em;

    font-family: 'Genericons';
    color: #24748c;
}
#tps-search-form .help-tip:before{
    content: '\f457';
}

#tps-search-form input, textarea {
    padding: 0.1em;
}

#tps-search-form #location {
    clear: left;
}

#tps-search-form #location > * {
    padding-bottom: 0.5em;
}


#tps-search-form > div {
    float: left;
    padding-left: 0.5em;
}
#tps-search-form #partner > div{
    padding-left: 0.5em;
    float: left;
}
#tps-search-form #partner #partner-label {
    padding-top: 1.3em;
    font-weight: bold;
}

#tps-search-form #height-range {
    clear: right;
}

#tps-search-form #partner  #partner_sex {
    width: 8em;
}

#tps-search-form #partner  #partner_role {
    width: 8em;
}

#tps-search-form #partner  #partner_experience {
    width: 11em;
}

#tps-search-form #partner  #partner_age{
    width: 7em;
}

#tps-search-form #partner_height_from{
    width: 5em;
}
#tps-search-form #partner_height_to{
    width: 5em;
}

#tps-search-form #schedule {
    padding-left: 0.5em;
    padding-top: 0.5em;
}
#tps-search-form #schedule > div{
    float: left;
}
#tps-search-form #schedule .timepicker {
    width: 7em;
}
#tps-search-form #schedule > #schedule-days > div{
    float: left;
    padding-left: 0.5em;
}
#tps-search-form #schedule > #schedule-days .field > input{
    clear: left;
    display: block;
}

#tps-search-form #reset {
    display: block;
    padding: 0.2em 0.5em;
    border-radius: 0.5em;
    background-color: DarkRed;
    color: #ffffff;
    margin-left: 2em;
    margin-top: 2em;
}

#tps-search-form #reset:hover {
    cursor: pointer;
}

#tps-search-form #places_block {
    padding-top: 0.5em;
    padding-left: 1em;
}

#results {
    clear: both;
    width: 100%;
}

#results .photo {
    float: left;
    margin-right: 1em;
}

#results .announcement {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: solid 1px #ccc;
}
#results .announcement .my_name {
    display: inline-block;
}
#results .announcement .partner {
    display: inline-block;
}
#results .announcement .my_role, #results .announcement .my_experience, #results .announcement .my_age,
#results .announcement .my_height {
    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;
}

#results .announcement .dates  {
    display: inline-block;
    font-size: 0.8em;
    color: #777;
    margin-right: 0.2em;
    margin-top: 0.2em;
    border: 1px solid #ddd;
    padding: 0.5em 0.5em;
    border-radius: 0.6em;
    float: right;
}

#results .announcement .partner_sex, #results .announcement .partner_role, #results .announcement .partner_experience, #results .announcement .partner_age,
#results .announcement .partner_height {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 0.2em;
    margin-top: 0.3em;
    border: 1px solid #037c9a;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
}

#results .announcement .schedule-and-places {
    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;*/
}

#results .announcement .schedule .time, #results .announcement .schedule .days  {
    display: inline-block;
}

#results .announcement .schedule .time {
    display: inline-block;
}

#results .announcement .places .place {
    display: inline-block;
    border: 1px solid #ddd;
    margin-right: 0.2em;
    margin-top: 0.2em;
    border: 1px solid #ddd;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
}

#results .announcement .contacts {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 0.2em;
    margin-top: 0.3em;
    border: 1px solid #ddd;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
}

#results .announcement .contacts .warning {
    margin-top: 0.2em;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
    border: none;
    color: #555;
    background-color: #eee;

}

#results .announcement .contacts .phone a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    /*color: #888;*/
    margin: 0.1em 0.3em 0 0;
    content: '\f095';
}

#results .announcement .contacts .email a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'Genericons';
    vertical-align: top;
    /*color: #888;*/
    margin: 0.1em 0.3em 0 0;
    content: '\f410';
}

#results .announcement .contacts .link a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f08e';
}

#results .announcement .contacts .link a[href*='vk.com']:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f189';
}

#results .announcement .contacts .link a[href*='facebook.com']:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f09a';
}

#results .announcement .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;
    background-color: DarkRed;
}
#results .announcement .actions .show-ann, #results .announcement .actions .hide-ann {
    background-color: #555;
    color: #ffffff;
}
#results .announcement .actions .show-ann:hover{
    cursor: pointer;
}
#results .announcement .actions .hide-ann:hover {
    cursor: pointer;
}

#results .announcement .actions a {
    color: #ffffff;
}


#tps-single .announcement .photo {
    display: block;
    float: left;
    margin-right: 1em;
}

#tps-single .announcement .my {
    display: block;
    float: left;
    margin-right: 1em;
    margin-top: 1em;
}

#tps-single .announcement .dates  {
    display: block;
    font-size: 0.8em;
    color: #777;
    margin-right: 0.2em;
    margin-top: 0.2em;
    /*border: 1px solid #ddd;*/
    padding: 0.5em 0.5em;
    border-radius: 0.6em;
    float: right;
}

#tps-single .announcement .contacts {
    display: block;
    margin-top: 1em;
}

#tps-single .announcement .schedule {
    display: block;
    margin-top: 1em;
}

#tps-single .announcement .places {
    display: block;
    margin-top: 1em;
}

#tps-single .announcement .partner {
    display: block;
    float: left;
    margin-top: 1em;
    margin-bottom: 0.5em;
    border: 2px solid #ddd;
    border-radius: 0.5em;
    padding: 0.5em;
}
#tps-single .announcement .partner > label {
    display: block;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

#tps-single .announcement .partner > .partner-wrap {
    padding-left: 2em;
}

#tps-single .announcement .my-meta label {
    font-weight: bold;
    color: #667;
}

#tps-single .announcement .contacts label {
    font-weight: bold;
    color: #667;
}

#tps-single .announcement .places label {
    font-weight: bold;
    color: #667;
}

#tps-single .announcement .schedule label {
    font-weight: bold;
    color: #667;
}

#tps-single .announcement .partner-meta label {
    font-weight: bold;
    color: #667;
}

#tps-single .announcement .contacts .phone a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    /*color: #888;*/
    margin: 0.1em 0.3em 0 0;
    content: '\f095';
}

#tps-single .announcement .contacts .email a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'Genericons';
    vertical-align: top;
    /*color: #888;*/
    margin: 0.1em 0.3em 0 0;
    content: '\f410';
}

#tps-single .announcement .contacts .link a:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f08e';
}

#tps-single .announcement .contacts .link a[href*='vk.com']:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f189';
}

#tps-single .announcement .contacts .link a[href*='facebook.com']:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 1em 'FontAwesome';
    vertical-align: top;
    color: #2b587a;
    margin: 0.1em 0.3em 0 0;
    content: '\f09a';
}


#tps-single .announcement .additional-info {
    display: block;
    clear: both;
    padding-top: 1em;
}

#tps-single .announcement .actions {
    display: block;
    clear: both;
    padding-top: 1em;
}

#tps-single .announcement .actions div {
    display: inline-block;
    margin-right: 0.2em;
    margin-top: 0.2em;
    border: 1px solid #ddd;
    padding: 0.1em 0.5em;
    border-radius: 0.6em;
    background-color: DarkRed;
}

#tps-single .announcement .actions div.show-ann, #tps-single .announcement .actions div.hide-ann {
    background-color: #555;
    color: #ffffff;
}

#tps-single .announcement .actions div.show-ann:hover, #tps-single .announcement .actions div.hide-ann:hover {
    background-color: #555;
    cursor: pointer;
}

#tps-single .announcement .actions a {
    color: #ffffff;
}

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


}

/* ========== Loading Bar */

.loading-bar {
    clear: left;
    padding: 1em 0 1em 0;
    margin-left: 45%;
    width: 100%;
    display: none;
}

.loading-bar > .barlittle {
    background-color:#2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;
    width:10px;
    height:10px;
    float:left;
    margin-left:5px;
    opacity:0.1;
    -moz-transform:scale(0.7);
    -webkit-transform:scale(0.7);
    -moz-animation:move 1s infinite linear;
    -webkit-animation:move 1s infinite linear;
}
.loading-bar > .block_1{
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
.loading-bar > .block_2{
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
.loading-bar > .block_3{
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
.loading-bar > .block_4{
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
.loading-bar > .block_5{
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
@-moz-keyframes move{
    0%{-moz-transform: scale(1.2);opacity:1;}
    100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
    0%{-webkit-transform: scale(1.2);opacity:1;}
    100%{-webkit-transform: scale(0.7);opacity:0.1;}
}


/* menu */

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


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

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

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

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

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

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

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

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

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

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

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

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

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