body {
	background-color: #efefef;
	margin: 0;
}

#wrap	{
	background-color: #fff;
}

#lightbox {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	z-index: 1000;
	display: none;
}
#popup {
	z-index: 1001;
	padding: 20px;
	background-color: #fff;
	position: fixed;
	top: 10%;
	width: 80%;
	left: 10%;
	border-radius: 10px;
	display: none;
}

#header {
    background-color: #000;
    color: #74b164;
    padding-top: 5px;
    padding-bottom: 5px;
}

#header ul {
    list-style: outside none none;
}
#header li {
    display: inline-block;
    margin-left: 10px;
}
#header li:first-child {
    margin-left: 0;
}


#locate {
	border-bottom: 2px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

.settings > a {
	display: block;
	background: url(../images/gear.png) no-repeat -51px 0;
	width: 18px;
	height: 18px;
	float: right;
}

.viewsettings {
    background-color: #ddd;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: 35px;
}
.viewsettings label {
    margin-right: 5px;
}
.viewerURL, .jsonURL, .overrideTitle {
    font-size: 12px;
    line-height: 1;
    padding: 1px 5px;
    width: 70%;
}
.peoplenote {
    background-color: yellow;
    font-size: 13px;
    text-align: center;
    display: none;
}

#content {
	padding-top: 30px;
	padding-bottom: 30px;
}

#footer {
    background-color: #000;
    color: #74b164;
    padding-top: 5px;
    padding-bottom: 5px;
}


#loginFRM label {
	display: block;
	margin-top: 8px;
}

#loginFRM input {
    width: 100%;
}
#loginFRM input[type="submit"] {
    background-color: #6fb260;
    border: medium none;
    color: #fff;
    margin-top: 15px;
    padding: 8px;
    text-transform: uppercase;
}
.errormsg {
    color: red;
}



.cover {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    transition: all .2s;
}
.top.cover {
    width: 100%;
    top: 0;
    left: 0;
}
.right.cover {
	height: 100%;
	top: 0;
	right: 0;
}
.bottom.cover {
	width: 100%;
	bottom: 0;
	left: 0;
}
.left.cover {
    height: 100%;
    left: 0;
    top: 0;
}

.person .thumb {
    float: left;
}
.person .name {
    display: block;
    font-size: 1.5em;
    line-height: 1;
}
.person .profile {
    background: rgba(0, 0, 0, 0) none no-repeat scroll center 25% / cover ;
    display: inline-block;
    height: 55px;
    margin-right: 10px;
    width: 55px;
}
.person {
    border-bottom: 1px solid #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
}
.person.active0 {
    background-color: rgba(255, 0, 0, 0.1);
}
.person.notinclude {
    background: rgba(0, 0, 0, 0) url(../images/stripes.jpg) repeat scroll center center / 50px auto;
}
.person .selectperson {
	vertical-align: top;
	transition: opacity .2s;
}
.person .editPerson {
    font-size: 13px;
    transition: opacity 0.2s ease 0s;
}
.person:hover .editPerson, .person:hover .selectperson {
    opacity: 1;
}

.person .bio-note {
	padding-left: 30px;
}
.person .bio {
	margin-top: 2px;
}
.person .bio::before {
    content: "Bio:";
    font-weight: bold;
    margin-right: 5px;
}

.person .note {
    color: #888;
    margin-top: 2px;
}
.person .note::before {
    content: "Note:";
    margin-right: 5px;
}

.person .flag {
    background: rgba(0, 0, 0, 0) none no-repeat scroll center center / cover ;
    display: inline-block;
    height: 15px;
    margin-right: 3px;
    width: 15px;
    margin-bottom: -2px;
}
.flag.at { background-image: url(../images/flags/flagAustria.png); }
.flag.au { background-image: url(../images/flags/flagAustralia.png); }
.flag.ca { background-image: url(../images/flags/flagCanada.png); }
.flag.cz { background-image: url(../images/flags/flagCzech.png); }
.flag.de { background-image: url(../images/flags/flagGermany.png); }
.flag.dk { background-image: url(../images/flags/flagDenmark.png); }
.flag.ee { background-image: url(../images/flags/flagEstonia.png); }
.flag.es { background-image: url(../images/flags/flagSpain.png); }
.flag.fi { background-image: url(../images/flags/flagFinland.png); }
.flag.gb { background-image: url(../images/flags/flagUK.png); }
.flag.hk { background-image: url(../images/flags/flagHongKong.png); }
.flag.ie { background-image: url(../images/flags/flagIreland.png); }
.flag.jp { background-image: url(../images/flags/flagJapan.png); }
.flag.kr { background-image: url(../images/flags/flagKorea.png); }
.flag.mx { background-image: url(../images/flags/flagMexico.png); }
.flag.nl { background-image: url(../images/flags/flagNetherlands.png); }
.flag.no { background-image: url(../images/flags/flagNorway.png); }
.flag.nz { background-image: url(../images/flags/flagNewZealand.png); }
.flag.se { background-image: url(../images/flags/flagSweden.png); }
.flag.sg { background-image: url(../images/flags/flagSingapore.png); }
.flag.tw { background-image: url(../images/flags/flagTaiwan.png); }
.flag.us { background-image: url(../images/flags/flagUSA.png); }
.flag.za { background-image: url(../images/flags/flagSouthAfrica.png); }



#add-edit-person {
    padding: 30px 0;
}
#add-edit-person label {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 4px 0 2px;
}
#add-edit-person input, 
#add-edit-person select, 
#add-edit-person textarea {
    width: 100%;
}
#add-edit-person input[type="checkbox"], 
#add-edit-person input[type="radio"] {
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: auto;
}

#add-edit-person legend {
    border: medium none;
    font-size: inherit;
    margin: 0 0 5px 10px;
    padding: 0 5px;
    width: auto;
}
#add-edit-person fieldset {
    border: 1px solid #ccc;
    padding: 0 0 10px;
}
#add-edit-person .photos .defaultphoto img {
    max-width: 100%;
}
.photos .photosize {
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    line-height: 1;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
}
.photos li .photosize {
    font-size: 9px;
    padding: 1px;
}
.photos li.default .photosize {
	display: none;
}
#add-edit-person .photos .defaultphoto {
    position: relative;
    display: inline-block;
    max-width: 100%;
}


#add-edit-person .photos ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#add-edit-person .photos li {
    float: left;
    margin: 5px 5px 0 0;
    position: relative;
    overflow: hidden;
}
#add-edit-person .photos li > a {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    font-size: 13px;
    left: 10%;
    line-height: 1;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 80%;
}
#add-edit-person .photos li > a.setdefault {
	top: 20%;
}
#add-edit-person .photos li > a.deletephoto {
	bottom: 20%;
}
#add-edit-person .photos .photo {
    height: 70px;
    width: auto;
    min-width: 70px;
}
#add-edit-person .photos li.default {
}
#add-edit-person .photos li.default .photo {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#add-edit-person .photos li.default .setdefault {
	display: none;
}
#add-edit-person .photos .addphoto {
    cursor: pointer;
}

#add-edit-person input[type="button"], #add-edit-person input[type="submit"] {
    border: medium none;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 100px;
    margin-left: 10px;
}

#add-edit-person .achievements li {
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    list-style: outside none none;
    margin: 0 5px 0 0;
    padding: 1px 20px 1px 5px;
    position: relative;
}
#add-edit-person .achievements ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
#add-edit-person .achievements li::after {
    background-color: #ddd;
    border-radius: 50%;
    color: #777;
    content: "X";
    cursor: pointer;
    font-size: 8px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 3px;
    width: 12px;
}
#add-edit-person input[name="newachievement"] {
    width: auto;
}
#add-edit-person input[name="newcountryid"] {
    width: 30%;
}
#add-edit-person input[name="newcountry"] {
    width: 65%;
}


/* mobile portrait less then 480px */
@media screen and (min-width: 480px) { /* mobile landscape (hs) */

}
@media screen and (min-width: 768px) { /* tablet (sm) */

}
@media screen and (min-width: 992px) { /* desktop (md) */
	.person .editPerson {
	    opacity: 0.1;
	}
	.person .selectperson {
		opacity: .3;
	}
	
	#add-edit-person .photos li > a {
		opacity: 0;
	}
	#add-edit-person .photos li:hover > a {
		opacity: 1;
	}
}
@media screen and (min-width: 1200px) { /* large (lg) */

}