﻿div.XApp-search {
    text-align: center;
}

input.XApp-search {
    width: calc(90% - 9em);
}

div.XApp-post-choice {
    margin: -2em 0 2em 0;
}

    div.XApp-post-choice div {
        font-family: Garamond;
    }

    div.XApp-post-choice label {
        font-size: 0.8em;
    }

div.XApp-item {
    margin-top: 1em;
    border: 1px solid #ddd;
    padding-bottom: 8px;
    height: auto !important;
}

    div.XApp-item:first-child {
        margin-top: 0;
    }

div.XApp-item-nav {
    text-align: right;
}

a.XApp-item-nav a {
    display: inline-block;
    margin: 1px;
    min-width: 2em;
}

div.service-name {
    background: #eee;
}

a.back-to-people, a.insta-IFollow {
    display: block;
    text-align: center;
}

span.gl-time {
    font-style: italic;
}

a.gl-content-toggle {
    display: inline-block;
    width: 2em;
    margin-left: 1em;
    font-size: 0.7em;
    opacity: 0.7;
}

div.gl-activity {
    border: 1px solid #eee;
    margin-bottom: 1em;
}


div.insta-image {
    margin-bottom: 1em;
    border-bottom: 1px solid #aaa;
}

div.insta-head {
    font-size: 1.5em;
}

span.insta-time {
    font-size: 0.7em;
    margin-left: 1em;
}

a.user-I-follow {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 2px);
    margin-bottom: 5px;
    border: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

    a.user-I-follow:hover {
        border: 1px solid #aaa;
    }

    

a.popup {
    display: inline-block;
    margin: 20% auto;
    max-width: 99%;
    text-align: center;
}

div.fb-head {
    background: #eee;
    font-size: 1.1em;
}

a.friend {
    margin-left: .5em;
    padding-left: 0.5em;
    border-left: 1px solid #eee;
}

    a.friend:first-child {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }

a.friend-list-btn {
    display: inline-block;
    text-align: center;
    width: calc(100% - 2.4em);
    margin: 0 0 !important;
}

a.prev {
    float: left;
}

a.next {
    float: right;
}

div.gl-activities {
    max-height: 15em;
    overflow: auto;
}

div.fb-post {
    border-bottom: 1px solid #aaa;
    margin-bottom: 1em;
}

    div.fb-post:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

.fb-poster {
    font-weight: bold;
}

.fb-time, .fb-media-link {
    opacity: 0.3;
    margin-bottom: 5px;
}

.fb-media-description {
    font-size: 0.9em;
}

.fb-media-title {
    font-size: 1.1em;
}

iframe.extern-app-auth {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

a.external-service {
    display: block;
    margin: 1em 0;
}

span.optional-setting-hd {
    opacity: 0.5;
}

div.optional-settings {
    display: block;
}

.tweet-body {
    height: 10em !important;
    width: 99%;
}

div.xapp-nav {
    margin-bottom: 0em;
}

    div.xapp-nav a.left {
        float: left;
        display: inline-block;
        width: 1em;
    }



.tweet-by {
    font-size: 0.8em;
}

div.ex-content {
    margin-bottom: 1em;
    border-top: 1px solid #ddd;
    overflow: auto;
}

    div.ex-content:first-child {
        margin-bottom: 0;
    }


div.optinal-service-param {
}

div.submit-cancel-btns {
    margin: 3px 0 1em 0;
}

input.service-param {
    display: block;
    margin: 2px 0;
    width: 98%;
}

div.XApp-content {
    max-height: 400px;
    overflow: scroll;
}

a.upper-center {
    display: block;
    margin: 3em auto;
    width: 10em;
}

input.twitter {
    width: 90%;
    margin: 2em auto;
}
div.XApp-nav {
    text-align: center;
}

    div.XApp-nav a:hover {
        background: #aaa;
    }

    div.XApp-nav a.cur {
        font-weight: bold;
        pointer-events: none;
    }