/*import standard template*/
@import url('../../css/StandardTemplate/standard-style.css');
/*import font size*/
/*@import url('../../css/StandardTemplate/font-normal.css');*/

/* standard dark theme */

body { background: #eaeaea; }

/* pedit-page-content style */
.pedit-page-content .pedit-part-top {
    color: #fff;
    background: #333;
}
.pedit-page-content .pedit-part-top h1, .pedit-page-content .pedit-part-top h2, .pedit-page-content .pedit-part-top h3, .pedit-page-content .pedit-part-top h4, .pedit-page-content .pedit-part-top a {
    color: #fff;
}
.pedit-page-content .pedit-part-body {
    background: #fff;
    border-color: #333;
}
/* end pedit-page-content style */

/* pedit-page-side style */
@media (min-width: 1220px) {
    .pedit-page-side .pedit-part-top {
        color: #fff;
        background: #333;
    }
    .pedit-page-side .pedit-part-top h1, .pedit-page-side .pedit-part-top h2, .pedit-page-side .pedit-part-top h3, .pedit-page-side .pedit-part-top h4, .pedit-page-side .pedit-part-top a {
        color: #fff;
    }
    .pedit-page-side .pedit-part-top i {
        background: #fff;
        color: #333;
        border-color: #333;
    }
    .pedit-page-side .pedit-part-body {
        background: #fff;
        border-color: #333;
    }
}
/* end pedit-page-side style */

/* pedit-footer */
html { background: #222; }
.pedit-footer {
    color: #fff;
    background: #222;
}
/* end pedit-footer */

/* end standard dark theme */

/* person banner */
.pedit-person-top {/*background: #7f7f7f;*/ background: transparent url("images/bg-line2.gif"); border-bottom: 1px solid #7f7f7f; }
.pedit-person-top-box { position: relative; }
.pedit-avatar-img {} 
.pedit-person-top-avatar-img { position: absolute; }
.pedit-person-top-avatar-dummy-border { position: absolute; top: 10px; left: 20px; background-color: #eaeaea; border: 5px solid #000; border-radius: 50%; display: inline-block; padding: 10px; width: 80px; height: 80px; }
.pedit-avatar-dummy {}
.pedit-person-name h1 { color: #fff; background-color: rgba(0, 0, 0, 0.5); margin: 0; }
.pedit-person-name h1 .arrow { font-size: 0.8em; }
.pedit-person-name h1 a { color: #fff; font-size: 0.8em; }
.pedit-person-top-info { background: transparent url("images/bg-line1.gif"); padding: 10px 10px 10px 20px; }
.pedit-person-top-info ul { list-style: none; margin-bottom: 0; }
.pedit-person-top-info ul small { margin-right: 5px; }

@media (max-width: 767px) {
    .pedit-person-top-avatar-img { top: 5px; left: 10px; max-width: 75px; max-height: 75px; border: 3px solid #000; }
    .pedit-person-top-avatar-dummy-border { top: 5px; left: 10px; border: 3px solid #000; padding: 6px; width: 57px; height: 57px; }
    .pedit-person-top-avatar-dummy { padding: 0 8px; font-size: 3.3rem; }
    .pedit-person-name h1 { line-height: 42px; min-height: 50px; font-size: 1.8em; padding-left: 100px; }
    .pedit-person-top-info { padding: 10px 10px 10px 70px; }
}
@media (min-width: 768px) {
    .pedit-person-top-box { width: 100%; }
    .pedit-person-top-avatar-img { top: 10px; left: 20px; max-width: 110px; max-height: 110px; border: 3px solid #000; }
    .pedit-person-top-avatar-dummy-border { top: 10px; left: 20px; border: 5px solid #000; padding: 10px; width: 80px; height: 80px; }
    .pedit-person-top-avatar-dummy { padding: 0 10px; font-size: 4.5rem; }
    .pedit-person-name h1 { line-height: 65px; padding-left: 145px; }
    .pedit-person-top-info { padding: 10px 10px 10px 120px; }
}
/* end person banner */

/* person microblog */
div.microinput { position: relative; }
.microinput_save { float: right; }
.uk-offcanvas .uk-button.microinput_save { color: #444; }
#txtInput { width: calc(100% - 40px); }

div.microinput span.microsmiley {
	position: absolute;
	width: 35px;
	height: 35px;
	border: 1px solid #ccc;
	background-color: White;
	top: 1px;
	right: 0;
	background-image: url(img/emoticon.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

div.microsmileyselect {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	width: 225px;
	height: 150px;
	border: 1px solid #ccc;
	background-color: white;
    padding: 5px;
    border-radius: 5px;
}

div#microsmileyselect img {
	width: 32px;
	height: 32px;
	margin: 3px 5px;
	float: left;
}

.microblogtable { padding: 5px 0; }
.microblogtable tr { margin-bottom: 5px; }
.microblogtabledelete { font-size: 0.8em; }

/* end person microblog */